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
That is because the mobile player does not support JavaScript.
Has anyone had any luck with eliminating the extraneous data when printing?
Hi,
do you have any idea how to print multiple pages at once? For example, my presentation have 20 slides, and I want to user print only 15-20 at once by clicking button. Button also needs to be on the slide, not the player. Is this even possible?
Cheers
Hi Jacek,
If you want your learners only to see specific parts of your lesson, possibly the easiest way forward using standard functionality would be to publish your lesson in MS Word format, adjust the resulting document to suit your learner requirements and then embed that word document into your lesson behind a button as a PDF for learners to download and print at their leisure?
Hi Bruce,
sadly, that will not work. I forgot to mention what need to be printed. It would be custom review slides. So it will have answer which user choose plus correct answer.
Has anyone tried to do the print screen and have it sent via email, without having the learner attach it to an email? I need to have the learner click one button and have the print screen attach to the email to send.
Okay, thought so. Guess I will just have to have them attach the print screen to the email and send it. Thanks.
Has anyone figured out the javascript needed to print a scrolling panel?
Did anyone else have problems with the print function printing everything on the screen? The entire right side of the screen is missing. If I manually change my print settings to change to landscape and scale down the size, then it will show everything, but I can't assume that the users will figure that out on their own. There's also a HUGE left margin that takes up a lot of room. I'm using the Modern player in 360, but seem to have the same problem if i switch the Classic player too. Same problem in both Chrome and IE. Any ideas?
I may have missed something, but is there an easy way to add this print functionality ON a specific slide instead of housing it in a player button or tab?
Yes. You can use a trigger from a button or anything else on your slide to "execute JavaScript".
Executing JavaScript is one of your trigger options from anywhere in StoryLine.
Hi Owen,
Thank you for posting this. I know nothing about Javascript, but I know enough to copy and paste your code into the player. Awesome!
I'm working on an "Introduction to JavaScript Programming for StoryLine Users" 1 day workshop. I haven't landed on a price yet but I am looking to determine how much interest there might be in the community for this. I would love for users to have some understanding of what they are copying and pasting so they can trouble shoot the code for themselves when things go wrong or maybe even improve the code for the next person in the community.
I would be interested, Owen.
Hi Owen,
I would be really interested if it you think it met the needs of someone like me. I have no javascript experience and I rely on the Articulate forums to find solutions to my issues. If I get in too deep I try to find an acceptable "non-javascript" alternative. I usually give it a try, and then take the "L".
Here's an example of something that has been bugging me that has a javascript solution that I can't make work. It bugs me that you can't use one piece of music/audio across a whole story. I have read all the forums about this topic and I can never get the javascript to work because I don't fundamentally know the rules of the game. If you could solve that one problem for me I would be a happy woman for a very long time. If you work independently contact me at Jodi@jodisansone.com and I'll buy a private tutorial. Seriously.
I would be interested - thanks Owen
How about doing it at DevLearn in Vegas this year?
The trick with the javascript print function is that it does not work in the Articulate Player :(
I assume you mean the mobile player?
Also, I've proposed the workshop to the guild multiple times but they haven't approved it yet. They only seem to approve my session proposals and a 1 hour or 90 minute session is not enough time.
Yes
Get Outlook for iOS
HI Owen,
What is the code for printing all the pages in a Storyline workbook, not just one?
Kathie
Because of the way the StoryLine "stage" sits in a page, there isn't a way that I know of to print all of the StoryLine pages. If you need to do this, your best bet is to create a PDF file of your course and add it as a resource file that participants can access, save, and print.
There really are not any 'slides' until they are loaded into the player. And even if you did load them all... at what point in each slide's timeline would you want to print it? Often devs animate the content onto the slide so if you printed the slide at 0 seconds it might be blank.
I have been working on a new method to print ONLY the slide for CoursePortfolios. Give this a try and let me know what sort of success you have please?
var _0x6d8d=["\x68\x65\x6C\x70\x65\x72\x73\x2F\x73\x6C\x69\x64\x65\x54\x68\x75\x6D\x62","\x3C\x69\x66\x72\x61\x6D\x65\x20\x69\x64\x3D\x22\x67\x66\x6F\x72\x63\x65\x22\x20\x20\x77\x69\x64\x74\x68\x3D\x22\x37\x32\x30\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x35\x34\x30\x22\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E","\x61\x70\x70\x65\x6E\x64","\x62\x6F\x64\x79","\x63\x6F\x6E\x74\x65\x6E\x74\x44\x6F\x63\x75\x6D\x65\x6E\x74","\x64\x6F\x63\x75\x6D\x65\x6E\x74","\x63\x6F\x6E\x74\x65\x6E\x74\x57\x69\x6E\x64\x6F\x77","\x68\x74\x6D\x6C","\x67\x65\x6E\x65\x72\x61\x74\x65","\x77\x72\x69\x74\x65","\x63\x6C\x6F\x73\x65","\x70\x72\x69\x6E\x74","\x67\x65\x74","\x23\x67\x66\x6F\x72\x63\x65","\x72\x65\x6D\x6F\x76\x65"];var kingsley=require(_0x6d8d[0]);var hldr=$(_0x6d8d[1]);$(_0x6d8d[3])[_0x6d8d[2]](hldr);var fd=hldr[0][_0x6d8d[4]]|| hldr[0][_0x6d8d[6]][_0x6d8d[5]];fd[_0x6d8d[9]](kingsley[_0x6d8d[8]]()[_0x6d8d[7]]);fd[_0x6d8d[10]]();setTimeout(function(){$(_0x6d8d[13])[_0x6d8d[12]](0)[_0x6d8d[6]][_0x6d8d[11]]();$(_0x6d8d[13])[_0x6d8d[14]]()},100)Seems to work and captures the current state of the slide.
I added it to the spray can HERE.
Move the spray can around with the arrows and then click the can. The can executes your print code.