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

TracyParish
Super Hero
7 years ago
I keep coming back to this again and again. Such a useful tip. Thanks Owen.
BruceRoberts
Community Member
7 years ago
Hi Owen thanks for the great tip. I tried your example package. When published in SL3 as HTML5 with Flash fallback (and vice versa), I can see it working as a Flash version, but not as HTML5 in IE. No joy at all with Chrome as it does not work with HTML5 and the Flash version gives me a blank page.

To add to my challenges, "window.print()" works fine to run as Javascript, but stretches to fit, distorting the image. Any suggestions would be hugely helpful - thanks.
OwenHolt
Super Hero
7 years ago
I am publishing both from SL3 and 360 with HTML5 and the print function is still working for me. I am primarily testing in chrome.
BruceRoberts
Community Member
7 years ago
Hi Owen,

I've published your example to Articulate TempShare. It would be really useful to know if this works for you - if you could possibly spare the time?

If it doesn't , it's my SL3 installation mucking up your example.
If it does work for you, it's probably something like my browser settings.

(These links will work until 22/06/2018)

HTML5 version

http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1cfpjaeq21de21sbb12jh9br11po9/story_html5.html

Flash version:

http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1cfpjaeq21de21sbb12jh9br11po9/story_flash.html

Cheers!
FrankWeber-af01
Community Member
7 years ago
Hello,

I just tried this with SL3, and it is strange:

It works when I open the published project locally, see screenshot here:
https://www.screencast.com/t/nA7SzYflpe

but when I publish the project to the web the PDF is still rendered, but it is empty - it just shows the header and footer?
see screenshot here:
https://www.screencast.com/t/jAyDayunMwN

Any suggestions?
- FrankWeber-af01
  Community Member
  7 years ago
  Hi Owen,
  
  I just found out that the problem does not occur when I create a completely new project from scratch. But if I add the code to an older Project (i.e. one that was originally created with SL2 oder maybe even SL1) the problem I described above occurs.Can this be the cause of the problem?
  Is there anything I can do about this and make your trick work for existing projects?
  
  Thanks for your feedback,
  
  Frank
OwenHolt
Super Hero
7 years ago
The print functionality should work regardless of which version of SL you are using or how you are publishing. However, hacking the SL player to make it a print button and moving it around will only work in SL3* and only when published to HTML5.

*You can hack the SL2 player if you publish to HTML 5 however, the player elements are labeled differently and you have to modify the code for SL2 from what I have provided in my file.
- FrankWeber-af01
  Community Member
  7 years ago
  Hi Owen,
  
  Thanks for the clarification. I think will try to customize the print-functionality.
onEnterFrame
Community Member
7 years ago
Keep in mind that often when you invoke the JS method print() on a page with Flash those objects will not print. They display as empty placeholder on the printout.
- FrankWeber-af01
  Community Member
  7 years ago
  Hi James,
  
  Thank you!
  
  By changing the output preferences I could solve the Problem.
  Regards,
  
  Frank
MikeAdeniran
Community Member
7 years ago
1. Is it possible to print a result slide without the users seeing the result?

2. Is there a way once can export the result slide to another platform, like mailing it as i have been looking for how to get the result slide without my students seeing their result.
onEnterFrame
Community Member
7 years ago
Not really... but you could create a new HTML page with the results etc. Then pass the score to it via javascript and print that.
- OwenHolt
  Super Hero
  7 years ago
  Maybe a variation of your google doc leader board might work for this? If you don't share the link with students.... or pass data back.
  Link
  - MikeAdeniran
    Community Member
    7 years ago
    
    Owen Holt
    
    Maybe a variation of your google doc leader board might work for this? If you don't share the link with students.... or pass data back.
    Link
    
    Please Owen, help me out here.
    
    https://community.articulate.com/discussions/articulate-storyline/question-banks-crashes-my-project-while-publishing#reply-528266
    
    Thanks.
NatachaDube-c9e
Community Member
7 years ago
Great information

is there any way to print the slide only, not the player

thanks
- OwenHolt
  Super Hero
  7 years ago
  Not that I have been able to find. There is some JavaScript I am exploring to print frame that seems promising for html5 files. Will update you when I have a chance to test it.
  - NatachaDube-c9e
    Community Member
    7 years ago
    Thanks, I need to deliver a project on Tuesday and looking at away for learners to print or email their certificate. I am using storyline 360. The java script used worked but it prints a screen shoot of the certificate , I only need the certificate or the slide.
    Thanks
    
    Natacha Dube
    Nursing supervisor
    780.436.8484 x 40324