Print ANYTHING in StoryLine
Jul 10, 2017
By
OWEN HOLT
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
Owen,
I find that I am not able to print anything in Internet Explorer or Edge when using your concept. Have you had that problem? In fact, the preview screen in Edge is blank and the Internet Explorer prints blank.
I am also working with Articulate Support for a solution. Thanks.
I've never used edge but haven't experienced any issues with I.E.
Sorry I can't offer you any help here.
OK, thanks for letting me know. Once I have a solution I can reply here in
case anyone else needs help.
Owen to the rescue again!!! Fabulous stuff - btw - I am trying to use this method in SL3, (where you pull in text entry boxes) http://elearningbrothers.com/6-steps-on-how-to-make-a-printable-results-page-in-articulate-storyline/ - used to work fine for me in SL2 - but can't get it to work now - any ideas??
Yes, I am working on this with SL3 and have had issues. For example, I cannot print anything to Microsoft Edge or Internet Explorer browsers. I can get FireFox and Chrome to work. I have a support ticket with Articulate on that.
I have not tried the text entry boxes but if you are printing the window it should not make any difference. The problem must be in the Microsoft browsers but I will know more when Articulate gets back to me.
I agree that Owen Holt has given us a very good tool!
Thanks Jeffrey - users have a long questionnaire to fill in over three slide so I was trying to combine all their answers - as opposed to 3 separate prints.. i'll let you know if I come up with a solution....
Is there a problem showing the variables on one slide or is the issue the slide does not print?
both - too much text for one slide - and I can't get it to print either!!
Yay it's working!!! - question for Owen - I also have a Exit button up there on the player - trouble is chrome dev tools call it tab-customlink as well - no numbering or anything - any work around for this?? or do I have no option but to remove my exit tab??
You will need to do a little extra step if you have multiple custom buttons to give them each their own unique ID. This video will walk you through the steps.
Can someone give Owen a medal or something?? And why isn't he an elearning hero already?? - he has saved my bacon a few times now!! THANKS SO MUCH! you sir are a gentleman and a scholar.... :)
Very cool. Thanks for sharing.
Owen, this is terrific!
I'm with Donna...Give that man a medal! He's done the community a HUGE favor!
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!
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.)
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 :).
Jeff, please do let us know if you figure something out for Edge!! THANKS for working on it!!
It also works well in Safari so that's a plus...must be Microsoft...late to the party :(
Never doubted you, Owen!
Sylvia I will. So far, Articulate Support has not come up with an answer but I will share it when they do.
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?
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?
I'm using SL2. The print preview is blank. I'll u/l the storyline file here.
I'm not seeing the same behavior. When I publish and open in chrome, everything seems to work just fine.