Skip to main content
Participant
January 23, 2022
Question

Issue with two PDF embedded into the same page

  • January 23, 2022
  • 2 replies
  • 945 views

I unsuccessfully tried to embed two different PDF files on the same page, using for both the files I used the Adobe API and particularly the code below (consider the same code with two different file names and paths on the same page):

<center>
<div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function(){ 
var adobeDCView = new AdobeDC.View({clientId: "<code>", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content:{location: {url: "https://www.domain.com/filename.pdf"}},
metaData:{fileName: "filename.pdf"}
}, {embedMode: "SIZED_CONTAINER", showDownloadPDF: false, showPrintPDF: false, 
showFullScreen: false});
});
</script>
</center>

PDF files are not visible and I see an error message.
I have to remove one of the two codes, and in that case, only one PDF is visible.
Any solution?

    This topic has been closed for replies.

    2 replies

    Legend
    January 28, 2022

     I have no info except to suggest you post the WHOLE code to show two PDFs in your case. Don't leave people to guess what you changed - clearly you can't just run the same unchanged code twice, but it's best to provide a simpler test.

    nicfabAuthor
    Participant
    January 28, 2022

    Thank you for your reply.
    The code is the one I posted. It's simply to reproduce the situation by applying twice the same code.

    Legend
    January 29, 2022

    I never used  this API, but I would not expect exact duplication to work. Surely the DIV ID needs to be unique?

    nicfabAuthor
    Participant
    January 28, 2022

    Is there anybody who can answer me?