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.

This is fantastic, Owen! Just tested a few examples and this works really well: https://360.articulate.com/review/content/3ba1dd6a-db77-4452-bb4b-ca6cd211c83f/review

A creative idea that works really well! I tested it against multiple browsers and devices - it works in html 5 flawlessly. Switching to flash puts the print page button back up to the top tab area but it still works. It didn't work in AMP for me but did work well in html5 on the same ipad. Prints just what's on the screen which is great for certificates but for longer notes or other types of captures that are in a scroll box or a variable-driven list, outputting to html or pdf still seems to be needed. That said, this solution is simple, easy and does the trick!

Thanks, Owen. I came across this discussion from 2 years ago to add a button with the same JavaScript you used for creating the print tab: https://community.articulate.com/discussions/articulate-storyline/print-button-javascript This allows more control on the page(s) I want the learner to be able to print.

Owen, I love this idea and am working it into a project I am doing now. However, I find that there are issues with SL3 and Internet Explorer 11 and Edge. I have submitted a ticket to Articulate support on this and they are looking into it. Have you had any problems printing to the Microsoft browsers? Otherwise, it works in Chrome and FireFox. I was also going to experiment with some code that only prints what is on the slide and not the window. For a certificate, I really want it to look clean and not have other information such as a web address etc. Either way, thanks for figuring this out and sharing with the community. Great Job!

Print ANYTHING in StoryLine | Articulate

SylviaWright
Community Member
8 years ago
Owen, this is terrific!
SylviaWright
Community Member
8 years ago
Owen, I can't get the print function to work in the Articulate player on my iPad. Is there something else that needs to be done to get it to work there? THANKS!
- OwenHolt
  Super Hero
  8 years ago
  JavaScript triggers are supported in HTML5 and Flash published output. However, JavaScript isn't supported in the Articulate Mobile Player app. (For a full comparison of the different players, see this article.)
SylviaWright
Community Member
8 years ago
Thanks so much Owen! More to learn :)! But I did discover that if I publish without the mobile player option that the file runs just fine in the browser and the print function works great :).
kweglarz-5f14c9
Community Member
8 years ago
Owen, I'm attempting this but coming up with a blank page when testing in Chrome. Do you know what I could be missing here?
- OwenHolt
  Super Hero
  8 years ago
  Hard to say without seeing your file. What version of SL are you using? Which page is blank? Print preview? The whole browser/SL Player?
kweglarz-5f14c9
Community Member
8 years ago
I'm using SL2. The print preview is blank. I'll u/l the storyline file here.
PE2.2wtab.story35.6 MB
OwenHolt
Super Hero
8 years ago
I'm not seeing the same behavior. When I publish and open in chrome, everything seems to work just fine.
TracyCarroll
Community Member
8 years ago
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/review
OwenHolt
Super Hero
8 years ago
There 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.
- TracyCarroll
  Community Member
  8 years ago
  Yes, I noticed that. The same thing happens to my SL 360 published version--a brief flicker of the Print Tab, then it disappears.
  - OwenHolt
    Super Hero
    8 years ago
    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.
LeisaLogan
Community Member
8 years ago
Thank you for the sample

great work

I works for me in firefox and chrome but it will not print in IE

any ideas
OwenHolt
Super Hero
8 years ago
Still working for me in IE. Maybe a browser setting?