Export page + full grid to PDF

4 posts, 0 answers
  1. Scott Buchanan
    Scott Buchanan avatar
    40 posts
    Member since:
    Dec 2008

    Posted 28 Jul Link to this post

    I watched a demo on using Kendo UI for PDF export at http://www.telerik.com/campaigns/kendo-ui/devchat-jul18

    The demo showed very good rendering of the page contents and then of a grid (using the toolbar item).  Alas, they did not show a combined export where a page contains many elements including a grid.

    I am aware of the pageTemplate, but we need to export the page header, text, selections of drop lists, etc. along all rows in the grid.  We do this now with another tool that has very good fidelity but poor performance, especially on Azure where we were required to create a separate service for it (see attached).

    We also use Telerik Reporting, so I know you have a great PDF engine.  My question is, is there a solution to rendering the page HTML and all of the grid?

    Best,
    Scott

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    300 posts

    Posted 01 Aug Link to this post

    Hi Scott,

    We have an example which accomplishes PDF export of all pages of a Kendo UI Grid with other content on the page. I have added page template and scaling to it:

    http://dojo.telerik.com/@bubblemaster/OtoMe

    Let me know what you think.

    Kind Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Scott Buchanan
    Scott Buchanan avatar
    40 posts
    Member since:
    Dec 2008

    Posted 01 Aug in reply to Alex Hajigeorgieva Link to this post

    Alex,

    Thank you for the links.  I had run across that demo, but it is not very satisfying.  For example, the page has a DIV (id="header") with an H1 that is not rendered.  I added some P and LI elements and none of it was included in the PDF.  I did notice that the DIV and H1 do not show up when running the dojo unless you go to full screen, at which time nothing else is rendered and the Export button is non-functional.

    Finally, all the extra page breaks would prevent this technique from being useful, even if the off-grid content was correctly rendered in the browser and PDF.

    Best,
    Scott

  4. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    300 posts

    Posted 03 Aug Link to this post

    Hello Scott,

    Thank you for the feedback. Perhaps we could look into improving the demo. What do you think would be beneficial to see?

    The reason for the <h1> not being visible in the exported file is because, in the article, only the two charts and the grid are drawn with the selector. I have added some more content to the page and I am managing to successfully export it:

    http://dojo.telerik.com/@bubblemaster/AfibO

    Regarding the missing content in fullscreen, the reason is that we have recently migrated the Dojo and content is served over HTTPS which causes errors because the scripts had HTTP prefix causing mixed content. I apologize for the inconvenience.

    Kind Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 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