PDF Viewer Not Displaying on Published Website | Community
Skip to main content
robertt3523754
robertt3523754
Level 2
July 29, 2021

PDF Viewer Not Displaying on Published Website

  • July 29, 2021
  • 4 replies
  • 3309 views

I am trying to use the PDF Viewer for the first time on one of our sites.  I've followed the steps from https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/pdf-viewer.html?lang=en.  I also configured the sling:configs nodes under /conf on author and publish using the appropriate clientId  with the one on publish being the one for the domain of the published site.

 

Everything seems to work fine on author and I'm able to successfully embed a PDF on the page.  However on the published site, the PDF doesn't display at all.  Viewing the page source shows that there is only an empty div there of class "pdfviewer section".  If I view the page directly on the publish server, it displays the pdf viewer.  This makes me feel like I've replicated everything to publish correctly. I do get the "File preview not available" message because the domain of our publish server is different that the domain of the published site.  If I view the page source on publisher and copy the generated code from the pdfviewer div into the source on the published site using the Inspector, the PDF displays fine.

 

This makes me believe that there is a dispatcher setting or something like that that is causing the PDF to not show up on the published page.  I don't see any errors in the log files on publisher.  I'm sure it's some little something that I'm missing, but I just can't seem to figure out this missing piece.  Does anyone know what setting (or settings) I need to check or anything else I can try to figure out why it's not working on the published site.  Any help would be appreciated.

 

We are on AEM 6.5 and using IIS.

 

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

4 replies

S
sprince1504
Level 2
July 30, 2021

.

    Prince_Shivhare
    Community Advisor
    Prince_ShivhareCommunity Advisor
    Community Advisor
    July 30, 2021

    @robertt3523754 

    Here I could see two scenarios -

    1. you have pdf in div but not visible.

    2. pdfviewer div is not present.

    Since you are facing {2} issue, can you please check your configuration by matching this properties and markup.

    https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/pdf-viewer.htm...

    if {1}, then you will have to check if your pdf is published or not, if yes, then dispatchcer is restricting pdf extension.

    # This rule allows content to be access
    /0010 { /type "allow" /extension '(css|eot|gif|ico|jpeg|jpg|js|gif|pdf|png|svg|swf|ttf|woff|woff2|html)' /path "/content/*" }  # disable this rule to allow mapped content only
      robertt3523754
      robertt3523754Author
      Level 2
      July 30, 2021

      I checked and the allow for the pdf extension is set in dispatcher.any.  Also I can view the PDF directly on the published website using the full path.  It's just not getting embedded to the page. 

       

      To clarify, the div appears on the page on the published site, it's just an empty div.

      <div class="pdfviewer section">

      </div>

      What I see on the page if I view it in publisher is

      <div class="pdfviewer section">
     <div class="cmp-pdfviewer" id="pdfviewer-a0b3e051af" data-cmp-is="pdfviewer" data-cmp-client-id="65c0558856c94a8ca15498e1ed5aad62" data-cmp-document-path="/content/dam/extension-county-offices/Setup your Account.pdf" data-cmp-document-file-name="Setup your Account.pdf" data-cmp-viewer-config-json="{&#34;embedMode&#34;:&#34;FULL_WINDOW&#34;,&#34;defaultViewMode&#34;:&#34;FIT_PAGE&#34;,&#34;showAnnotationTools&#34;:false,&#34;showLeftHandPanel&#34;:true,&#34;showPageControls&#34;:true,&#34;dockPageControls&#34;:true,&#34;showDownloadPDF&#34;:true,&#34;showPrintPDF&#34;:true}">
     <div id="pdfviewer-a0b3e051af-content" class="cmp-pdfviewer__content cmp-pdfviewer__full-window"></div>
</div>

       

        Vijayalakshmi_S
        Vijayalakshmi_S
        Level 10
        August 4, 2021

        Hi @robertt3523754,

        It should be an issue with ClientId. 

        Cross check if you are having and using a dedicated clientId for the actual domain. (The client Id that is working in publish instance is for publish application server)

        Similar issue addressed here in this thread - https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/issues-with-pdf-viewer/qaq-p/404562

         

          A
          aparnasanthosh99
          December 6, 2023

          Hi @vijayalakshmi_s ,
          Could you please assist what to check if the div is showing up but not pdf.Domain is localhost

          Terms & ConditionsAccessibility statement

          Loading footer...