Embedding a multi-page PDF into HTML

Spencer.V.4004
Spencer.V.4004 Posts: 3 🔍
edited June 27 in Training

I can embed a single page PDF easily into HTML, however, by following the same process I only see the first page of a multi-page PDF. Why is this? What do I need to do to be able to scroll through all the pages of a multi-page PDF? These are all PDFs that have been uploaded into BS before trying to embed them.

Answers

  • Andrea.M.553
    Andrea.M.553 Posts: 87

    Hello,

    I am sorry you are experiencing frustration with this.

    This should work without any issues. Here is a gif of an embedded multi page PDF from manage files on an HTML content page in New Content Experience in my environment.

    The PDF is iFramed in from Manage Files.

    How have you been adding yours?

    Best,

    Andrea

  • Chris.S.534
    Chris.S.534 Posts: 359
    edited July 2

    Hi Spencer,

    How are you embedding the PDF document into the HTML? This will hopefully help to identify the issue being experienced.

    You can try the following code entered into the HTML:

     <object class="pdf" 
                data=
    "/content/enforced/{yourcourseinfo}/PDF.pdf"
                width="800"
                height="500">
        </object>
    

    Alternatively, add the file directly to the content unit/module.

    Hope this helps!

  • Spencer.V.4004
    Spencer.V.4004 Posts: 3 🔍

    Chris,

    I am using the following for the embed code:

    <iframe src="/content/enforced/9810-LeadershipBadgeModule1/Social-Change-Model-of-Leadership-A-Brief-Overview-Wagner-2dgecz3.pdf" width="100%" height="700px"> </iframe>

  • Andrea.M.553
    Andrea.M.553 Posts: 87

    Hi Spencer,

    This is the exact code I used for the image above, but instead of width being 100%, I used a 700px.

    Best,

    Andrea