Just looking some tips on the best way to display a PDF in Storyline. Ideally I'd like to keep it in the course (as the web object that I would link to requires a sign in and password)
I added a PDF as a web object on a slide. When I publish and test on my local machine it displays properly. However, when I publish it to the web and run it, the PDF is large than the screen and run "offstage" display only part of the visible page.
Where are you uploading your content to test it? Also, does the web object only appear larger when you hover over it or all the time? Also, can let me know what version of Storyline you're using?
I am uploading to the website I publish all my courses to.
The web object appears larger all the time.
I am using the latest release of Storyline III.
I created a web object on a new storyline project file and it worked as expected. So I deleted the slide on my current project and then added a new slide with the web object and I get the same issue.
My assumption at this point is Storyline doesn't like something in my course file and won't display the web object correctly.
Happy to hear that Ramon - but it's still odd that it wasn't working! Since you thought Storyline didn't like something in your course file, I wanted to share a reminder about general tips and best practices linked here, as Storyline is known to not like things like working from a network drive.
I have a PDF located on the web, and shown in a Scroll box. On my desktop/laptop it works fine.
When I view it on an iPhone, it only displays 1 page, and will not allow me to scroll further down (the scroll bar shows full).
When I view it on Samsung/Android tablet, it forces we to open up another window to see it. Extremely cumbersome for a use to go to that window, then return back to the lesson. Anyway to make it act like it does on my desktop/laptop?
Thanks for sharing those details - and I can see how this behavior is causing some confusion! I'd like to investigate a bit further by having our team test out your example to fully understand the behavior and look for the cause. Can you share a link to the course or a copy of your file with our Support Team? They'll delete the content when they're done testing.
Let us know if you reach out to the team so we can follow along!
It sounds like you're hoping for the PDF to open in the same window as the Storyline course in a mobile environment.
Unlike an iPhone, the Google Chrome mobile browser in Android can't handle displaying the PDF file in the slide using iframe. That's why it will prompt you to display it on a new browser window or download it.
I'm looking forward to hearing if other community members have a workaround to share!
16 Replies
Could you make a screen capture of the document and just add the actual PDF to the attachments?
Using a web object is the best way to display a pdf inside a course. You could also display it in a lighbox like in this example, on a layer like in this example, or create some more advanced actions, like navigating to a specific page inside a pdf.
The lightbox solution would work perfectly. I just need to figure out how to do it now.. thanks @MichaelHinze
I like to add a scrolling window and save the PDF as an image file (or multiple image files if needed for multiple pages).
I added a PDF as a web object on a slide. When I publish and test on my local machine it displays properly. However, when I publish it to the web and run it, the PDF is large than the screen and run "offstage" display only part of the visible page.
Any suggestions on how to correct this?
Hi Ramon,
Where are you uploading your content to test it? Also, does the web object only appear larger when you hover over it or all the time? Also, can let me know what version of Storyline you're using?
Hi Ashley,
I am uploading to the website I publish all my courses to.
The web object appears larger all the time.
I am using the latest release of Storyline III.
I created a web object on a new storyline project file and it worked as expected. So I deleted the slide on my current project and then added a new slide with the web object and I get the same issue.
My assumption at this point is Storyline doesn't like something in my course file and won't display the web object correctly.
I created a new project and imported the old project into it. Republished and that fixed the problem.
Thanks for the update, Ramon, and I'm glad that worked for you. Excellent troubleshooting, so thanks for sharing!
Happy to hear that Ramon - but it's still odd that it wasn't working! Since you thought Storyline didn't like something in your course file, I wanted to share a reminder about general tips and best practices linked here, as Storyline is known to not like things like working from a network drive.
Let us know if you run into any other problems!
Related question.
I have a PDF located on the web, and shown in a Scroll box. On my desktop/laptop it works fine.
When I view it on an iPhone, it only displays 1 page, and will not allow me to scroll further down (the scroll bar shows full).
When I view it on Samsung/Android tablet, it forces we to open up another window to see it. Extremely cumbersome for a use to go to that window, then return back to the lesson. Anyway to make it act like it does on my desktop/laptop?
Thanks
Hi Tony,
Thanks for sharing those details - and I can see how this behavior is causing some confusion! I'd like to investigate a bit further by having our team test out your example to fully understand the behavior and look for the cause. Can you share a link to the course or a copy of your file with our Support Team? They'll delete the content when they're done testing.
Let us know if you reach out to the team so we can follow along!
Ashley:
Thanks for your help. Someone on your team helped a little already, it's just not a smooth experience. Any advice would be helpful.
Thanks
Tony
Hi Tony!
It sounds like you're hoping for the PDF to open in the same window as the Storyline course in a mobile environment.
Unlike an iPhone, the Google Chrome mobile browser in Android can't handle displaying the PDF file in the slide using iframe. That's why it will prompt you to display it on a new browser window or download it.
I'm looking forward to hearing if other community members have a workaround to share!