I am using UltimatePDF with a reactive web application. When I attempt to use ScreenshotToPNG or PrintToPDF_Advanced it works and I get the file download, however I only get the first page of that file. My web screen contains web blocks that render my data and has a horizontal scroll. I am getting maybe 1/3rd of the screen in my PDF/PNG file. Any idea what could be causing this?
Try adding this to your CSS and see if it corrects your problem.
/* CSS for Reactive Printing */ @media all { .page-break { display: none; } } @media print { html, body { height: initial !important; overflow: initial !important; -webkit-print-color-adjust: exact; } } @media print { .page-break { margin-top: 1rem; display: block; page-break-before: auto; } } @page { size: auto; margin: 20mm; }
It works! You saved my day, thanks a lot!
We had the same problem with our reactive app. What's more weird was, the same component works fine in dev and test, but not in uat or prod environments.
This css fixed the issue, thanks a lot.
This script fixed it for me too, thanks.
The script is fixed it for me too. You saved my day. Thanks a lot. I think this can be marked as a solution.
FYI this issue won't happen if you use the PrintLayout block, as it will override the styles to allow multiple pages on your screen.
If you don't use PrintLayout, then some of the styles included by OutSystems UI will cause the entire screen to be rendered in the first page.
Tried many things, but this was what fixed it for me. Thanks
I seem to have the same problem. I tested the same function in traditional web and it works there.Any fix for the reactive variant?
Kind regards,Mathias
Josh Herron wrote:
It is not compatible with reactive. My fix to "solve" this is to make a tradional web component and send the data there to make the pdf.
Hi Mathias,can you give more details on your fix? Does the source page (the one that gets converted) have to be traditional web or can you convert a reactive page once Ultimate Pdf is running in traditional web?
How do you call the component from your reactive app and how do you receive the output?
Thanks a lot - Ignaz
I have the same problem. The strange thing is that it used to work back in August.It's the same reactive app and I was able to create a pdf with 3 pages. All of a sudden it only gets the first page...
I'm fairly certain a new Reactive version broke this functionality. It worked for me as well and then suddenly stopped. The CSS below corrected it for me though.
Hello I'm currently facing the same issue. I used the CSS but didn't work on my case. Maybe it because the size of the page I'm using is A3 portrait.
I can't have the second page printed when needed.
Hello Julien,
My I suggest opening a new post for your particular issue, so that when it is resolved, you will be able to pick the solution that worked for you and close it out. You can always reference posts like the current thread in your own post.
Best regards,
AJ
Done. Click here to find the post
Thanks,
Julien
Hi All,
Please see attached oml and see if this idea works for all ultimatePDF related issues w.r.t reactive.
This is basically designing your screen in traditional web app and then call that screen url by passing all the inputs from reactive application.
Please let me know if it helps !
Vani
HI Julien Crepin,
If the issue is resolved then please share your solution to help community.
How to remove page break in generating pdf file using ultimate pdf. I need a solution for this immediately,Please help me.
The CSS worked for me. Thank you!
Getting timeout error when using ultimate_PDF in y reactive application. How to fix the issue?
Gowtham