Copy link to clipboard
Copied
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:
Any help would be appreciated.
[Client ID removed by moderator]
Copy link to clipboard
Copied
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.