PDFG Support

Closing

Hi @leguennecj,

With a little modification to your code, the subsequent tabs will open correctly. The modified code is as follows (where div.tab-title is the correct id/class for your particular tabs):

<script>
     jQuery('div.tab-title').on('click',function() {
        setTimeout(
        function() {
          window.dispatchEvent(new Event('resize'));
       },
       100
       );
    });
 </script>

More information on this can be found here in our FAQs: https://wp-pdf.com/kb/the-viewer-doesnt-display-at-all-or-at-wrong-size-when-inside-a-javascript-based-tab-or-ajax-page-transitions/

• This reply was modified 4 years, 2 months ago by PDFG Support. Reason: missed a bit of code explanation

Hi @vishanjad,

The All-in-One Intranet allows you to hide the site from public viewing. The site content will only be viewable by users that login to the site. Please see: https://wp-glogin.com/docs/all-in-one-intranet/

Hi @andrewsheard,

The TwentyTwenty theme has a maximum content width of 580px. In the PDF Embedder main settings tab, set the maximum width for the PDF Embedder viewer to 580.

Next, apply the following CSS to the site (you may want to adjust the 0 to increase the top and bottom margins accordingly):

/* FIX 2020 VIEWER BUG */ 
.pdfemb-viewer {
     max-width: 100% !important;
     margin: 0 auto !important; 
}

Hi Marcus,

To be honest, we don’t really feel that ‘smooth page transitions’ (AJAX transitions) make sense in a WordPress environment where different plugins will assume a particular initialization order, so our preference would be to disable these transitions.

However, if you want to keep the AJAX behaviour, you would need to initiate the viewer code upon completion of that transition. This will require a bit of coding on your part. We have a tutorial here: https://wp-pdf.com/kb/the-viewer-doesnt-display-at-all-or-at-wrong-size-when-inside-a-javascript-based-tab-or-ajax-page-transitions/

Hi @mala88,

I checked the link you provided—thank you for that—with several devices and browsers:

• Win 10/Chrome,
• Win 10/Firefox,
• Win 10/Edge,
• iPhone 13/Safari and Chrome
• Samsung S21/Chrome and native browser

In all cases, the PDF was displayed in the viewer on the initial page load. If you are still experiencing the issue, can you monitor for errors in the browser’s console tab (F12 on PC) and also visit the following link https://www.whatsmybrowser.org/, then send that information to our support email at contact@wp-pdf.com for further investigation.

Will continue to respond via our email support.