Vertically scrolled DIV Export to PDF

2 posts, 0 answers
  1. Eric
    Eric avatar
    8 posts
    Member since:
    Aug 2010

    Posted 02 Jan Link to this post


    We have a vertically scrolled DIV and we want to export the whole DIV in PDF, we are using ClientExportManger exportPDF, but the only visible part of DIV exported in PDF while we need to export complete DIV in multiple PDF pages. Snapshot attached with a red highlighted scrollbar. How we achieve that goal? Any small sample application would be helpful.

  2. Marin Bratanov
    Marin Bratanov avatar
    3995 posts

    Posted 02 Jan Link to this post

    Hi Eric,

    The following article explains this situation and offers options:

    Here is a sample implementation of one of the approaches:

        #content {
            height: 200px;
            border: 2px solid red;
            overflow: auto;
        #content.k-pdf-export {
            height: auto;
            overflow: initial;
    <telerik:RadClientExportManager runat="server" ID="rcem1">
    <asp:Button Text="export to PDF" OnClientClick="getPdf(); return false;" runat="server" />
        function getPdf() {
    <div id="content">
        <div style="height: 300px; background: yellow;">first content</div>
        <div style="height: 300px; background: green;">second content that is initially hidden</div>


    Marin Bratanov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top