Welcome Guest Search | Active Topics | Sign In | Register

Ionic PDF rendering Options
Kirill Shemanayev
Posted: Wednesday, July 10, 2019 2:15:30 PM
Rank: Newbie
Groups: Member

Joined: 7/10/2019
Posts: 7
Does EO.Pdf library support Ionic 4? The library seems to be rending a blank PDF page.
I tried both Auto and delayed Manual trigger modes, the entire page and nested component but consistently got a blank page.
We have been successful with EO.Pdf implementation in Angular 7, I hope Ionic 4 works as well.
Thanks!
eo_support
Posted: Wednesday, July 10, 2019 2:29:17 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,067
Hi,

Internally EO.Pdf uses Google Chromium browser engine to render the HTML page. This is the same browser engine Google Chrome uses. So it should be able to handle pretty much everything Google Chrome can handle with a few exceptions (for example, Chrome extension won't work). If you continue to have problems, you can send us a test page and we will be happy to investigate further. See here for details on send test page to us:

https://www.essentialobjects.com/forum/test_project.aspx

Thanks!
Kirill Shemanayev
Posted: Thursday, July 11, 2019 9:23:01 AM
Rank: Newbie
Groups: Member

Joined: 7/10/2019
Posts: 7
Thank you for the quick response! I uploaded my sample project.
eo_support
Posted: Thursday, July 11, 2019 3:25:16 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,067
Hi,

We have replied your email. Please let us know if you still have any questions.

Thanks!
Kirill Shemanayev
Posted: Monday, November 21, 2022 8:51:46 PM
Rank: Newbie
Groups: Member

Joined: 7/10/2019
Posts: 7
We have been using EO.PDF with Ionic since my last post however the upgrade to version 22 of EO.PDF broke rendering. Angular PDF rendering still works fine. Are there any known issues that we should be aware of? Thanks!
eo_support
Posted: Sunday, November 27, 2022 9:15:44 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,067
Hi,

Sorry about the delay because of the holiday week. Can you send us a test project so that we can take a look?

Thanks!
Kirill Shemanayev
Posted: Monday, November 28, 2022 12:37:47 PM
Rank: Newbie
Groups: Member

Joined: 7/10/2019
Posts: 7
Thank you for your reply. It turned out that the ion-router-outlet position style needs to be set to relative. Here is our solution that works:

In ngOnInit:
const ionPageBody: HTMLBodyElement = document.getElementsByTagName('body')[0];
ionPageBody.classList.add("pdf-generation");

In global.scss:
.pdf-generation {
position: static !important;

.ion-page, ion-router-outlet {
contain: none !important;
position: relative !important;
overflow: visible !important;
height: inherit !important;
}
}
eo_support
Posted: Monday, November 28, 2022 12:40:15 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,067
Great. Thanks for sharing the solution!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.