Embedding a multi-page PDF into HTML

Options
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: 77
    Options

    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: 254
    edited July 2
    Options

    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 🔍
    Options

    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: 77
    Options

    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