Skip to main content
Participant
August 30, 2024
Question

PDF Embed API installed, and working yet Right Hand Navigation Bar does not show.

  • August 30, 2024
  • 1 reply
  • 285 views

To test this, I used the default code provided by the Basic Guide. In the code inspector I can see the html is in there, and set to display, but there is nothing visible. I tried putting in the code to  "showZoomControl: true"

 

<div id="adobe-dc-view"></div>
<script src="https://acrobatservices.adobe.com/view-sdk/viewer.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function(){
var adobeDCView = new AdobeDC.View({clientId: "x", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content:{location: {url: "https://acrobatservices.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
metaData:{fileName: "Bodea Brochure.pdf"}
}, { embedMode: "FULL_WINDOW", defaultViewMode: "FIT_PAGE", showAnnotationTools: false, showDownloadPDF: true, showZoomControl: true });
});
</script>

 

URL TO MY PAGE:

https://www.essanteorganics.com/membertoolsdotnet/shoppingcartv4/MainCartv4.aspx?SCCRoutingCode=Staging&MG=35&ReferringDealerID=-1#

 

Any help would be appreciated.

 

 [Client ID removed by moderator]

This topic has been closed for replies.

1 reply

Raymond Camden
Community Manager
Community Manager
August 30, 2024

I'm still digging, but the issue is that your embed goes below the frame, you can see this when you scroll down and the scrollbar disappears. 

 

Basically - the content holding the embed needs to be completely visible. It's a CSS issue on your side if that makes sense.