Change display size of PDF preview window for desktop and mobile.

Hi. I have a page that uses E2PDF with Formidable forms. Everything is working great but the PDF preview window size. On mobile the page with the PDF preview looks perfect, but on Desktop the PDF preview window is only about the height of half a page.

Is there anyway to set the PDF preview window to display 1 full page on both mobile and desktop? Or any other way to optimize the screen for whatever devices a users is using?

Thank You.

Hi,

Unfortunately "e2pdf-view" shortcode currently support only static "height". We will check the possibility to extend it to "responsive" height and will let you know as soon as it will be any news. Sorry for inconvenience.

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!

Hi,

We just released an update (1.11.03) with "responsive" attribute for [e2pdf-view] shortcode. It will resize "viewer" as soon as PDF will be loaded.

If you need to fit "viewer" to first page, it's need to use:
[e2pdf-view id="1" responsive="page"]

If you want to show all pages it can be used:
[e2pdf-view id="1" responsive="true"]

P.S. After update it's recommended to drop cache on cloudflare or any other 3rd party plugins for correct usage.

Let us know please if you will face any issues.

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!

Hi,

If you mean PDF Pages width inside pdf.js window, you can try to use "zoom" attribute:

[e2pdf-view id="1" responsive="page" zoom="80"]

If you need to set the width of pdf.js it can be used "width" attribute:

[e2pdf-view id="1" responsive="page" width="80%"]

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!

By default pdf.js viewer inserted as "iframe" on page with max-width 100% style, so if you need to change it's total width depending on your page styles, you can just wrap [e2pdf-view] shortcode in some div with needed style or add "class" attribute with custom class to style it via your theme css:

[e2pdf-view id="2" responsive="page" class="custom_class"]

As about "artifacts" inside PDF.js, unfortunately it can appear due the structure of PDF and the way pdf.js render it. It's 3rd party library with small modifications but without core changes to have possibility include latest version updates and use custom viewers. PDF.js currently active developed by Mozilla and individual contributors and we are trying to keep latest version where some bugs can be fixed however we just do not have resources to work on our own viewer or make modifications to core of current one due its complexity.

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!