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
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?
Thanks for checking Owen. I like the player hacks.
I think I must have browser issues, so I'll go and check out what's happening - cheers.
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
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.
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.
It's not just you Bruce.
I'm having the exact same issues with the window.print(); command
It will print the page in chrome but it cuts off half of the page.
When I change the Adobe PDF settings in print preview, the player never quite formats correctly to the screen. It would be ideal if the image was centred.
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.
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.
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
Hi James,
Thank you!
By changing the output preferences I could solve the Problem.
Regards,
Frank
Hi Owen,
Thanks for the clarification. I think will try to customize the print-functionality.
Please Owen, help me out here.
https://community.articulate.com/discussions/articulate-storyline/question-banks-crashes-my-project-while-publishing#reply-528266
Thanks.
Great information
is there any way to print the slide only, not the player
thanks
This print option is very useful Owen, thank you.
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.
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
Hi Owen,
First of all, thank you so much for this walk through really helped me a lot. I know it is working for Chrome, however when used with IE it seems that it generates an error that says "There was an internal error, and Internet Explorer is unable to print this document".
Have you had this error before? Any input on this will be greatly appreciated.
Thank you for this!
As with any browser, local settings can impact the ability to print. However, I am no browser expert so I couldn't tell you which ones specifically. I can only say that the print JavaScript is still working for me in chrome, edge, and IE.
Hi Owen,
Appreciate the response, you are correct I think it is a local browser issue. As not all users are affected.
Cheers,
JB
Great information, but like Jeffrey R. I get an error message when trying to print "There was an internal error and Interne Explorer is unable to print the document." Owen or Jeffrey any advise?
I have not tested this since the updated version of SL3. I will try to do that and let everyone know what the experience was. I mainly use Chrome or FIreFox but I will also look at Edge and IE. I can also look at my local browser settings as Owen suggests and see if I find any thing that pops out.
I know when I was working for a corporation, the IT people did find the local settings they needed to improve performance. One problem they had was different Internet Providers had different settings so they had to adjust browsers for that.
Olá! Hi!
Falando do futuro! HAHA
Existe a possibilidade de imprimir apenas uma caixa de texto (objeto) no slide?
Obrigada! :)
Não é possível imprimir objetos individuais no player. No entanto, você pode armazenar o texto da caixa de texto em uma variável e gerar uma página html imprimível com o texto usando JavaScript.
I hope Google Translate got that right!
This approach works well in desktop browsers but does not work correctly in mobile browsers. See here for more info: https://community.articulate.com/discussions/articulate-storyline/printing-in-storyline-3-mobile-printing-black-screen