Float attribute and overflowing error whe exporting to PDF

5 posts, 0 answers
  1. Deyner
    Deyner avatar
    3 posts
    Member since:
    Sep 2017

    Posted 07 Nov Link to this post

    Hi,

    I am trying to show two "columns" on the same PDF page when exporting. The columns content might increase too much, and when that happens, the user expect to see the same organization within the PDF but in here, this is not the case http://dojo.telerik.com/@Deyner/IDaYEw. Is there a way to make this pdf exporting to look in a proper way? showing both  "columns" next the other even if their content fits in multiple pages. This is a breaker for our company, since we just implemented a new project where users can edit "documents" online and export them (which technically are multiple kendo ui editors that simulate every field the user can edit) . How can we make this work? 

     

    PD: The layout we have is much more complex than the one on the example, so we hope the solution you give us will also work with our real layout.

     

    Thanks,

    Deyner Lezcano

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    623 posts

    Posted 09 Nov Link to this post

    Hi Deyner,

    The observed is a known limitation in the Kendo PDF export functionality, for which we won't be able to offer you a viable workaround.

    If the algorithm decides to move a node or part of the node to the next page, all the DOM nodes which follow it, will be moved as well, even if there might be potentially room for some of them on the current page. This includes the floated elements too.

    Regards,
    Veselin Tsvetanov
    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.
  3. Deyner
    Deyner avatar
    3 posts
    Member since:
    Sep 2017

    Posted 09 Nov in reply to Veselin Tsvetanov Link to this post

    But that problem is not only present in floating elements. I also tried using a table with a row and a couple of cells. If the cells has too much text, that fit in mane pages, a blank space appear. What element or css I can use to get the desired behavior?
  4. Deyner
    Deyner avatar
    3 posts
    Member since:
    Sep 2017

    Posted 09 Nov Link to this post

    I also tested using instead of float, "display:inline-block; with: 50%" with no luck. Why is not working that either?
  5. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    623 posts

    Posted 13 Nov Link to this post

    Hello Dayner,

    Both the <table> element and the display: inline-block reveal the same limitation as the one observed with the floated <div> elements. Therefore, I am afraid, I won't be able to offer you a viable workaround, that would allow you to achieve the desired result in a PDF file.

    Regards,
    Veselin Tsvetanov
    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