Skip to main content
Participant
Aug 30, 2024 4:29 PM UTC
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

1 reply

Raymond Camden
Community Manager
Community Manager
Aug 30, 2024 7:34 PM UTC

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. 

Translate