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
I'm not seeing the same behavior. When I publish and open in chrome, everything seems to work just fine.
Hi Owen,
I've tried this in Chrome, Firefox, and Edge, and I cannot get the Print Page tab to show up. When I click on David Anderson's Articulate Review example, I don't see the Print Page tab on the example.
I'm wondering if something has changed since this example was published? Is David's published example working for anyone? https://360.articulate.com/review/content/3ba1dd6a-db77-4452-bb4b-ca6cd211c83f/reviewThere is something strange going on with his published example. If you refresh the page and watch closely, you will see the Print Tab there for a brief moment. I wonder if something changed in SL 360 that might be causing this? Maybe a new bug?
It is still working fine for me in my published files using SL3.Yes, I noticed that. The same thing happens to my SL 360 published version--a brief flicker of the Print Tab, then it disappears.
My work didn't spring for 360 so I am unable to troubleshoot that. The fact that it is a new/recent behavior tells me they changed something in the code. I would shoot support an email.
Thank you for the sample
great work
I works for me in firefox and chrome but it will not print in IE
any ideas
Still working for me in IE. Maybe a browser setting?
Thank you for the share Owen!
My pleasure.
Hi Owen,
I wonder if you might elaborate on your comments in the posted video at about 2:17 where you mention using the print button to capture learner notes throughout the story using the variables. I have that situation with "essay" questions that I'd like to assemble at the end of the lesson for print..... Could you help?
Has anyone had had issues with this method not working in Internet Explorer 11? Keep getting an error message when click the newly added print button. Not being able to print a slide/screen is the only thing holding us up here. Would be nice if a preconfigured button was rolled out...
I get the same error and I don't know what to do :( I'm trying to see if there is a way people can save their certificates in pdf or something like that rather than printing.
I just tested it in edge, and while the page set up was a little weird, it printed fine.
I would look at this MS support thread and see if any of the suggestions work for you.
https://support.microsoft.com/en-us/help/973479/unable-to-print-or-view-the-print-preview-of-a-webpage-in-internet-expThis works great, but is there a way to print a region of the screen (the slide only) vs the entire player?
What's odd is my player is blue, but when printing only the player buttons show as blue; the rest of the player has no color.
Hi Owen, thanks for this PRINT button - it's great! BUT I I have just realized following phenomenon:
Image 1: here you can see the PRINT button, when I go through the course.
When I am working on the slide and exit the course - then restart the course with the question "Would you like to resume where you left off" - clicking on YES - then the PRINT button is again at the top "Image 2)I am using following JavaScript on this slide: $("#tab-customlink").show();
Do you have any idea, what went wrong on my side?
