This is a migrated thread and some comments may be shown as answers.

Float attribute and overflowing error whe exporting to PDF

4 Answers 107 Views
Drawing API
This is a migrated thread and some comments may be shown as answers.
Deyner
Top achievements
Rank 1
Deyner asked on 07 Nov 2017, 11:36 PM

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

4 Answers, 1 is accepted

Sort by
0
Veselin Tsvetanov
Telerik team
answered on 09 Nov 2017, 12:55 PM
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.
0
Deyner
Top achievements
Rank 1
answered on 09 Nov 2017, 02:47 PM
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?
0
Deyner
Top achievements
Rank 1
answered on 09 Nov 2017, 03:04 PM
I also tested using instead of float, "display:inline-block; with: 50%" with no luck. Why is not working that either?
0
Veselin Tsvetanov
Telerik team
answered on 13 Nov 2017, 12:56 PM
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.
Tags
Drawing API
Asked by
Deyner
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Deyner
Top achievements
Rank 1
Share this question
or