Forum Discussion

LouisWilkinson's avatar
LouisWilkinson
Community Member
10 years ago

Can I insert a PDF into a course slide?

Hi All,  Does anyone know if I can add a PDF document to be viewed as a slide? I want to insert a glossary into my course and I would like to do this using a lightbox slide which contains a tabl...
storyline 360
PhillipLough233's avatar
PhillipLough233
Community Member

Hi, all.  These are all fairly old posts, and there's probably an updated version relevant that I haven't seen for Storyline 360 as well as the demise of Flash/SWF support in modern browsers.  First, as most of us probably know now, you can't use the old "embed src=" code.  You have to use "iframe src=" and you don't need to add all the parameters.  Keep it simple, unless you want to hone your HTML skills.  Here's the index file code I use:

<html>

<title>Embedded PDF</title>

<body>

<iframe src="YOURFILENAMEHERE.pdf" width="100%" height="500px"</iframe>
</body>

</html>
I've attached a video of the steps to embed the file.  This is to embed the PDF directly in your course so you don't have to launch the user to a new window or refer them to the Resources.  If there's a better way, I'm happy to hear about it.  This method is a little clunky, but it's the only way I've been able to make it work.  (By the way, if anyone cares, I did the screen recording in Peek 360.  It worked well, but there are some UX considerations that I hope are evolving.)

AVPrice's avatar
AVPrice
Community Member
2 years ago
Phillip Loughlin

Hi, all.  These are all fairly old posts, and there's probably an updated version relevant that I haven't seen for Storyline 360 as well as the demise of Flash/SWF support in modern browsers.  First, as most of us probably know now, you can't use the old "embed src=" code.  You have to use "iframe src=" and you don't need to add all the parameters.  Keep it simple, unless you want to hone your HTML skills.  Here's the index file code I use:

<html>

<title>Embedded PDF</title>

<body>

<iframe src="YOURFILENAMEHERE.pdf" width="100%" height="500px"</iframe>
</body>

</html>
I've attached a video of the steps to embed the file.  This is to embed the PDF directly in your course so you don't have to launch the user to a new window or refer them to the Resources.  If there's a better way, I'm happy to hear about it.  This method is a little clunky, but it's the only way I've been able to make it work.  (By the way, if anyone cares, I did the screen recording in Peek 360.  It worked well, but there are some UX considerations that I hope are evolving.)

Phillip, It appears that the instructional link has expired. Have you posted on youtube or somewhere similar? Thanks looking forward to utilizing your method.

Related Content