Displaying Multiple PDFs on the Same Page

Button to trigger the popup of a modal.

<button type="button" class="btn btn-success" onclick="openModal('http://example.com/sample.pdf', 'sample.pdf');">

Use a looping logic in the HTML view to load multiple buttons for multiple file support.

On click event of one of the buttons, pass the URL endpoint, and the File name of the PDF document as arguments to openModal method

<script>
    var viewer;

    function openModal(endpoint, name) {
        // Show the modal
        document.getElementById("modal_id").style.display = "block";

        viewer = new AdobeDC.View({
            clientId: 'XXX-XXX-XXX,
            divId: "adobe-dc-view"
        });

        // Load the PDF document into the viewer
        viewer.previewFile({
            content: {
                location: {
                    url: endpoint
                }
            },
            metaData: {
                fileName: name
            }
        }, {
            embedMode: "SIZED_CONTAINER",
            showFullScreen: true
        });
    }

    function closeModal() {
      // Hide the modal
      document.getElementById("modal_id").style.display = "none";

      // Destroy the viewer
      viewer.destroy();
    }
  </script>

The function initializes the Adobe Document Cloud View SDK, loads the PDF document into the viewer, and displays the modal. When you click the "Close" button in the modal, the closeModal method is called, which hides the modal and destroys the viewer

I'm using the standard recommended code:

<div id="adobe-dc-view" style="width: 100%;"></div>
<p><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: "--client id removed-", divId: "adobe-dc-view"});
    adobeDCView.previewFile({
      content:{location: {url: "<span id="tb-shortcode-6" data-tb-shortcode-id="6" class="tb-fields-and-text-shortcode-render tb-fields-and-text-shortcode-render-types"><!-- TBINNERSTART 6 -->Loading…<!-- TBINNEREND 6 --></span>"}},
      metaData:{fileName: "Committee File"}
    }, {embedMode: "IN_LINE"});
  });
  </script>

I just need to know how to manipulate the code to make multiple iterations work on one page.  How do I create a new object?

Thanks for your help. 

No, I had to use a different PDF embedder.  Shame because Adobe's is so nice.  Wish someone would help a girl out lol.