New to Telerik UI for ASP.NET AJAX? Start 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>