Forum Discussion
Print ANYTHING in StoryLine
By adding a new tab in the player properties panel and assigning it to execute the "window.print();" JavaScript, you can allow your participants to print any/every slide in your StoryLine projects including "Notes" or "Certificate" slides! No need to create a complex JavaScript course certificate solution, simply build a beautiful slide and let your users print it directly from the StoryLine player!
For SL 3 and 360 users, you can also move, reformat, hide, and reveal the button so you can take control over what users can print.
I've included the screen shots I used in the video in the attached Word document along with the JavaScript code snippets and an SL3 .story file.
206 Replies
Just to add to this idea, by default the Articulate player prints at A3 paper size (in Chrome at least). To resize the page to fit A4 automatically you can add to the following javascript to scale the size:
document.body.style.zoom = .7;
window.print();I used .7 which is 70% and fits an A4 landscape page but you might experiment to suit your intended audience.
Thanks! This is really helpful!
Get Outlook for iOS
THIS!!! Thank you! :)
Christian King
Just to add to this idea, by default the Articulate player prints at A3 paper size (in Chrome at least). To resize the page to fit A4 automatically you can add to the following javascript to scale the size:
document.body.style.zoom = .7;
window.print();I used .7 which is 70% and fits an A4 landscape page but you might experiment to suit your intended audience.
Perfect! Thank you!!!
I am using Storyline 360, and when I go to create a new player tab for a print screen, it does not open a Trigger Wizard-it opens up a Player Tab. Where on the player to I create the trigger?
- 360 with Player Style = Modern: Click the ADD button under the player Tabs list window.
- The New Player Tab Wizard Opens
- There are 3 sections- Name - Give your tab a name like "Print"
- Action
- Click the default action of "Jump to Slide" to see the list of options
- Select "Execute JavaScript" from the list
This will change the default "next slide" link to a link titled "JavaScript - Click the now visible JavaScript link - this will open the JS code window
Add your code
- Conditions - optional
- 360 with Player Style = Classic: Click the ADD button under the player Tabs list window.
- Everything is the same as above EXCEPT you have an additional option for Alignment with the choices of Top Left or Top Right.
- 360 with Player Style = Modern: Click the ADD button under the player Tabs list window.
Does anyone know if this solution still works? I had it set up in a course 2-3 months ago, and it stopped working after the last Storyline update. Is there a workaround? The thing is that player buttons don't show up in developer tools as separate elements anymore.
Are you using the modern player? This was set up with the classic player.
Hi Owen,
Yes, I am using the modern player. However it did work few months ago, and now I can't see specific buttons in the developer tools so I can't even check if the JavaScript uses the right button names. Do you have any idea how to tackle this? I tried different browsers, but it makes no difference.
The underlying player code was revamped in latest build
Hi all, I just stumbled across this thread and really appreciate the Javascript to print any page. Now that a recent update to Storyline has "broken" some Javascript, will this still work? Or are there updates we'd need to make to allow it to work? I had originally updated to the latest version of Storyline, but had to roll it back because I need to use some Javascript that has JQuery in it.
Thanks Owen,
This is great information. Forgive me if this answer is in here, but is it possible to locate the print button at the course end, and have certain slides print - say slide 2, 7, 12, 16 and 20 into a single PDF?
"... is it possible to locate the print button at the course end, and have certain slides print - say slide 2, 7, 12, 16 and 20 into a single PDF?"
I don't believe so, at least not without some very elaborate javascript.
I would also really like to see that functionality! I have a bunch of tables with input variable areas for the user, but would like to be able to have them print out the table with their responses intact. I'd also need to print the individual slide layers, and haven't found a way to do all this quite yet. Overall, this is my first time using the program and I'm absolutely astounded at how easy it is to use!
This is a game-changer! Nice work, and thanks for sharing!
YW
