|
|
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!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
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.aspxThanks!
|
|
Rank: Newbie
Groups: Member
Joined: 7/10/2019
Posts: 7
|
Thank you for the quick response! I uploaded my sample project.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Hi,
We have replied your email. Please let us know if you still have any questions.
Thanks!
|
|
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!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
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!
|
|
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;
}
}
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Great. Thanks for sharing the solution!
|
|