eo_support wrote:Hi,
The most likely cause for this is because by default the EO.Pdf's internal "window" is a lot narrower than a typical browser window (because a typical PDF page is narrower than a typical browser window). To verify whether this is the problem, try to load the page into a regular browser window, then resize the browser window to quite narrow, if you see the same problem then this is the root cause of the problem.
If this is the root cause of the problem, try to set HtmlToPdf.Options.ZoomLevel to a value less than 1. This will increase the internal window size (by zooming out the content). For example, if you set ZoomLevel to 0.5, then the internal window will be twice as wide.
Do not use CSS zoom in your HTML to control zoom level. It will make issue much harder to troubleshoot.
Thanks!
Hi,
Resizing the browser windows very narrow does not cause any adverse effects. But also this is not something that would popup in a browser since the issue is that EO PDF is breaking up the number of cards that fits on one page prematurely. So essentially there is enough height on the first page for 6 cards to appear, but in some cases only 4 show, leaving the bottom half of the first page blank and putting the rest on pages 2 / 3.
Taking the zoom out of the print media query in css and instead changing the ZoomLevel DOES in fact fix the rendering issue.
But the whole reason I did it this way was because I would like to be able to control the zoom level of particular sections across various pages.
Is there any specific reason why using zoom level in css doesnt work with these flex items when exporting to pdf?
Thank you for getting back to me!