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.
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
Hello,
I've tried unsuccessfully to get this to work with the Modern Player. Does anyone have an example of how to configure this print button for the Modern Player?
Hi,
I am using Articulate 360 and i want to print the result page work area(Not player items like Menu, next, previous, etc...) in scorm 1.2. Please help me. Thanks
So like MD above, I was just about to drop James' code in to try and print only the screen (certificate) in SL360. Got the print button - no problem but resulting page includes player and reduces to 70% or so....Thanks in advance for insight...
Thank you for sharing this! Quick question, what is the script I need to add to each slide in order to print all slides?
Unlike applications like PowerPoint that essentially create documents. StoryLine essentially creates a web page that plays your content. Unfortunately, there isn't a way for a web page to print anything other than what is visible on the page at the time it prints. So, either the user needs to print each page individually or.... I would suggest creating a pdf version of your course and adding it to the course resources. The user can then print or save the pdf from the course as a single file.
I have been researching the ability of learners to print their responses to questions throughout a course as a reference at the end of the course. I am really hoping this is a solution for me using SL3. The question I have is that the course is a single slide video with layers that trigger interactivity at certain points on the timeline. Is it possible to have the button appear at a specific point on the timeline during the video on a single slide? Will it screenshot a video?
Thanks for any help!
As Owens sample uses jQuery and the newest versions of Storyline donot include jQuery anymore i updated his Storyline file to work with Vanilla Javascript. hide( ) and show( ) are 2 jQuery specific functions and do not work without it, so i changed that to use GSAP. As GSAP is built into Storyline that works great. Also no problems with any CSS, because with GSAP you can change CSS quite easily. This works only in the Classic Player. The Modern Player has other class names, so for that you have to puzzle a bit.
Thanks Owen,
Although a post from three years ago, I now found this topic. I have been struggling with how to print a certificate and this is one of the straightforward methods.
I have done it a bit differently: On the certificate slide I insert a hotspot. The trigger is to click on the hotspot to run the javascript. On the previous (congratulations) page, I include the instruction how to print the certificate.
An other method I used is: make a screenshot of the certificate slide, preferably with a snipping tool, paste into PowerPoint and print (or save as PDF). Advantage is that it's a full page certificate, without the title, page numer and footer text.
Glad you found it useful. I haven't played with printing for a long time.
I agree the shorter version Owen created is the simplest. I have instructions on mine for the learner to add some information and then send to PDF rather than a printer.
I like your idea of a hotspot so it must cover the entire slide? I have it so my print button is set to hidden but that makes it impossible to reprint if needed.
Jeffrey, indeed, I made the hotspot to cover the entire slide. Could be any size any place, but this is much easier to explain to the learner. In fact, I made that slide also a pick one interaction to report to the LMS that the learner has reached this point!
