New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Supported File Types


Product IDProduct NameSupplier IDCategory IDQuantity Per UnitUnit PriceUnits In StockUnits On OrderReorder LevelCategory Name
1Chai1110 boxes x 20 bags18.0039010Beverages
2Chang1124 - 12 oz bottles19.00174025Beverages
3Aniseed Syrup1212 - 550 ml bottles10.00137025Condiments
4Chef Anton's Cajun Seasoning2248 - 6 oz jars22.005300Condiments
6Grandma's Boysenberry Spread3212 - 8 oz jars25.00120025Condiments
7Uncle Bob's Organic Dried Pears3712 - 1 lb pkgs.30.0015010Produce
8Northwoods Cranberry Sauce3212 - 12 oz jars40.00600Condiments
10Ikura4812 - 200 ml jars31.003100Seafood
11Queso Cabrales541 kg pkg.21.00223030Dairy Products
12Queso Manchego La Pastora5410 - 500 g pkgs.38.008600Dairy Products

The Client Export Manager control supports the following file formats: PDF, Image and SVG. You can configure the exported files through the provided PDF, Image and SVG settings properties of the control.

  • DefaultVB.aspx
  • DefaultVB.aspx.vb
<%@ Page AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="ClientExportManager.Functionality.Types.DefaultVB"Language="vb"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <!-- Load Pako ZLIB library to enable PDF compression -->
    <script src="../../../Common/Scripts/pako.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container">
        <telerik:RadButton RenderMode="Lightweight" runat="server" OnClientClicked="exportPDF" Text="Export RadGrid to PDF" AutoPostBack="false" UseSubmitBehavior="false"></telerik:RadButton>
        <telerik:RadButton RenderMode="Lightweight" runat="server" OnClientClicked="exportImage" Text="Export RadGrid to Image" AutoPostBack="false" UseSubmitBehavior="false"></telerik:RadButton>
        <telerik:RadButton RenderMode="Lightweight" runat="server" OnClientClicked="exportSVG" Text="Export RadGrid to SVG" AutoPostBack="false" UseSubmitBehavior="false"></telerik:RadButton>
        <telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
        </telerik:RadClientExportManager>
        <br />

        <telerik:RadGrid RenderMode="Lightweight" runat="server" ID="GridView1" CssClass="MyGrid" DataSourceID="SqlDataSource1">
        </telerik:RadGrid>
        <asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT TOP 10 ProductID, ProductName, SupplierID, CategoryID, QuantityPerUnit, UnitPrice, UnitsInStock, UnitsOnOrder, ReorderLevel, CategoryName  FROM [Alphabetical list of products]"></asp:SqlDataSource>
    </div>
    <script>
        var $ = $telerik.$;

        function exportPDF() {
            $find('<%=RadClientExportManager1.ClientID%>').exportPDF($(".MyGrid"));
        }

        function exportImage() {
            $find('<%=RadClientExportManager1.ClientID%>').exportImage($(".MyGrid"));
        }

        function exportSVG() {
            $find('<%=RadClientExportManager1.ClientID%>').exportSVG($(".MyGrid"));
        }
    </script>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance