Edit this page

Supported File Types

Supported file types

RadClientExportManager for ASP.NET AJAX can export a specific DOM element or the entire page to the following file formats:

  • Portable Document Format (PDF)

  • Scalable Vector Graphics (SVG)

  • Portable Network Graphics (PNG)

  • Bitmap image format (BMP)

  • Joint Photographic Experts Group (JPG or JPEG)

The following examples show the different settings and methods specific to each supported file type:

Example 1: Export a DOM element to PDF

<div id="foo">Lorem ipsum dolor sit amet</div>
<telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
     <PdfSettings filename="Myfile.pdf" />
</telerik:RadClientExportManager>
<input type="button" onclick="exportElement()" value="export" />

<script type="text/javascript">
    function exportElement() {
        var exp = $find("<%= RadClientExportManager1.ClientID %>");
        exp.exportPDF($telerik.$("#foo"));
    }
</script>

Example 2: Export a DOM element to SVG

<div id="foo">Lorem ipsum dolor sit amet</div>
<telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
    <SvgSettings FileName="MyFile.svg" />
</telerik:RadClientExportManager>
<input type="button" onclick="exportElement()" value="export" />

<script type="text/javascript">
    function exportElement() {
        var exp = $find("<%= RadClientExportManager1.ClientID %>");
        exp.exportSvg($telerik.$("#foo"));
    }
</script>

Example 3: Export a DOM element to PNG

<div id="foo">Lorem ipsum dolor sit amet</div>
<telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
    <ImageSettings FileName="MyFile.png" />
</telerik:RadClientExportManager>
<input type="button" onclick="exportElement()" value="export" />

<script type="text/javascript">
    function exportElement() {
        var exp = $find("<%= RadClientExportManager1.ClientID %>");
        exp.exportImage($telerik.$("#foo"));
    }
</script>

Example 4: Export a DOM element to BMP

<div id="foo">Lorem ipsum dolor sit amet</div>
<telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
    <ImageSettings FileName="MyFile.bmp" />
</telerik:RadClientExportManager>
<input type="button" onclick="exportElement()" value="export" />

<script type="text/javascript">
    function exportElement() {
        var exp = $find("<%= RadClientExportManager1.ClientID %>");
        exp.exportImage($telerik.$("#foo"));
    }
</script>

Example 5: Export a DOM element to JPG

<div id="foo">Lorem ipsum dolor sit amet</div>
<telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
    <ImageSettings FileName="MyFile.jpg" />
</telerik:RadClientExportManager>
<input type="button" onclick="exportElement()" value="export" />

<script type="text/javascript">
    function exportElement() {
        var exp = $find("<%= RadClientExportManager1.ClientID %>");
        exp.exportImage($telerik.$("#foo"));
    }
</script>