New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

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

ASPNET
<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

ASPNET
<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

ASPNET
<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

ASPNET
<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

ASPNET
<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>
In this article
Supported file types
Not finding the help you need?
Contact Support