Forum Discussion
Embed PDF in Storyline
I am new to storyline 360. I am trying to embed a 20 page pdf document in a slide. I want the viewer to be able to scroll through the document. It seems that pdfs must be converted to images in order to be able to do this. I have used Illustrator to convert the pdf to a svg file, but the size of the file causes some problems for Illustrator and the outputed files have issues of spacing and bolding etc.
Has anybody figured out how to embed a larger pdf in a slide?
Thanks, Tony
10 Replies
There is an older post that discusses this.
I have attached a sample project and its web object folder.
Example:
https://360.articulate.com/review/content/76c97943-ad40-4e05-9b8b-d408f686bf4d/review
When I publish the storyline project, it does indeed work, however, when I look through the published files, there is no sign of the PDF being packaged with the project...is this normal? The concern that the computer drive link is embedded and if I publish the project, the PDF file will not show. how does the Publishing handle the pdf file?
In this example, if you publish to web, the PDF is located in this folder (6HDPD8Szlj8):
This is a randomly named folder created when you insert the web object into your project. If you open the inspector under developer tools in the browser and navigate to Sources, you can find the file as well:
I also included the the project file, which doesn't seem to be attatched to my last post for some reason. It contains the web object attached to my original post.
Hi,
I discovered that the html page and the PDF file will only import correctly into a Web Object and be embedded, if the html page and the PDF file is not in the same folder as the .story file. when it is, the WebObjects folder does not get generated, leading to errors. I put the html file and the pdf file in a separate folder completely and then called it from that folder. It works. So instructions need to be updated somewhere to help I think.
I recently put together a short 5-minute, to-the-point tutorial that covers everything discussed in this thread—embedding the PDF, making sure it publishes correctly, and fixing common issues like the blurry display.
It also includes an updated HTML snippet that removes the need for manual pixel adjustments and prevents blurry rendering.
👉 [Watch the tutorial here]
I hope this helps and saves time for anyone coming across this thread in the future!
If this was helpful, please leave a like—it helps others find the solution too.This was very helpful. I've been struggling with getting the code right, as when my PDF would open, it would only open on the top half of the slide. The tutorial (and provided code) was perfect. Thank you.
Your video was super helpful. How would you modify this procedure if you have multiple PDFs you want to embed on different slides? For example, I want PDF A on Slide 1 and PDF B on slide 2.
Hi ScottLoescher-9​ , thank you for letting me know that it was helpful! A while back I made a longer video, where i also discussed the procedure for multiple PDFs. With this link you can jump to the part of the video where i cover this: [Watch the video here]
