Printing in Storyline 360
Feb 23, 2017
Has anyone managed to get a a reliable print method for any slide in Storyline 360 - that is on all browsers and on iOS as well. I put in a feature request a year or two ago about this.
I have seen HTML output solutions for certificates and write to pdf etc. I need a solution to print what is actually there according to what a user has/has not done on any slide. Just a simple print what you see button.
I used to use a widgit from enhanced elearning that tested for flash or html5 and then printed any slide accordingly.
This does not work now in 360.
There seem to be some simple solutions
- There is a solution that works in HTML5 and flash normally in browsers but not on ios. http://elearningbrothers.com/printing-slides-articulate-storyline-2/
- Strangely a simple window.print(); command in iOS works.
Maybe a workaround might be to to have two buttons which hide depending on whether the player is or is/not on iOS. Is there a reliable way to test for this?
I need some help here urgently - can anyone help please?
Chris
25 Replies
Further to my last post.
In Storyline 2 this code seemed to reliably check whether HTML5 or Flash were being used - where 'shell' is a text variable:
----------------------
var p = GetPlayer();
var s="ios"
try{
if(g_bMinFlash){s="flash"};
}catch(e){}
if(p.isHTML5){s="html5"};
p.SetVar("shell",s);
---------------------
It no longer seems to work.
Anyone know why this might no longer work in 360?
Hi Chris,
I also posted an answer for you in this discussion, but wanted to link the two in case anyone else came across it. We'll keep you posted once that's available and you'll see the prompt to update Articulate 360 when those updates are pushed out!
Hi all,
Great news! Articulate 360 Update 4 was just released, and included a number of fixes which you can see in the release notes available here. The item you all may be particularly interested in is how it fixed an issue where HTML5 output wouldn't display a custom report.html file for printed quiz results.
Just launch the Articulate 360 desktop app on your computer and click the Update button for Storyline 360. Details here.
Let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
A programmer at Articulate has found a solution for reliable printing of screens in HTML5 output from Storyline 360. It seems to work in Firefox, Explorer and Chrome as well as Safari on an iPad.
An existing Flash implementation also works. For me this is tremendous news.
https://www.elearningfreak.com/storyline/how-to-print-slides-in-articulate-storyline-360-in-html5/
This is an unsupported solution so any problems with it would need to be found in the community rather than Articulate directly so I am told.
Well done Brian Batt at Articulate!!!
I have used this code and it works great. The only issue I am having is that the certificate image prints very small on the page... Has anyone experienced this, and if so, did you find a work around?
I too would like to have the print function focus on a specific area. I tried opening the slide as a light box to clarify the area, so only that would print, but it included the player as well.
Is there a way in the script to outline the area, such as a lightbox as the only area you want to print?
Hi Heath,
Unfortunately I haven't seen another method to force the print to focus on one area. It sounds like there is something specific you'd like your users to print? Is it something you could add as a Resource attachment and instruct them to download and print from there?
I have experienced this too. I am having the same issue with the small images
Hi Kaleb,
I'm not sure if Toni is still subscribed here, but you could use the "Contact me" button on her profile to see if she had any additional info on what they did to change this.
I have just accepted that the certificate is small as I have not found a workaround.
I'm using this in a course now and it's giving me an error message when I hit print. Anyone have any idea why?
Is there a way to highlight all slides and print? I'd like to distribute the presentation in paper form to a co-worker.
Thanks!
Hey Brent,
Check out Storyline's Publish to Word feature! It's a quick and easy way to print Storyline slides. Hope that helps!
Alyssa or Articulate Staff, will there ever be a capability when using the step-by-step mode in screen record, we want to have the ability to "print it" to capture the view or try it mode. Is this something coming up in a future release that would allow this?
Thank you,
Theresa
Hi Theresa,
If you're looking to print out a copy, you could use the Publish to Word. That'll capture each slide and the additional images/captions added to it. It won't capture mouse movements or other interactive parts, as the publish to Word will capture a static image of each slide.
Let me know if I'm misunderstanding what you're hoping for, and I’ll be happy to help with other ideas!
Hello Theresa!
Actually, there's a way you can print step-by-step slides now! Simply publish the file for Word, then remove all slides except for the step-by-step slides in the Word document.
Let me know if that's what you had in mind!
Hi Ashley,
I realize we can use the word doc but it is something that requires clean-up. We were more so looking for a job aid type format, where it just shows the steps in words and the picture/icon that goes with it.
Thanks!
Theresa Prestine-Dommer
Schneider
Learning and Development Technology and Onboarding Mgr
(ph) 920-592-7367
Thanks for the feedback Theresa.
It looks like your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.
I created a print function in SL 360 for my results page using the print.windows(); java script, but it prints the page along the right edge and cuts off some of the page. How can I get it to print in the center of the page?
Hi Luke,
Sorry, you've hit a snag with the Javascript printing, I saw you posted here too, so I suspect that this issue is somewhat urgent!
With Javascript issues, the community will likely need to take a look at your .story file and the Javascript code you added to see what's going on under the hood. Do you want to add those pieces to your new discussion post? That way some of our e-learning experts are more apt to see it and offer their wisdom.
Let me know if there is anything else I can help on - sadly Javascript issues are well outside my area of comfort.
Hi all,
we have recently began building our courses on Articulate 360 and have hit a snag. Our courses require students to answer 4 or 5 stand alone activities and we are trying to find a way to grab the information from each activity and pull it through to a final single page printable 'student plan'. Is this possible at all?
Hi - I used the below code provided to print a slide in my storyline file. However, it prints in portrait mode and 100%. I can manually update the print settings to landscape and scaled to 75% and it prints perfectly. Is there a way to update the code to automatically print the slide in a landscape format and to scale the size? I have attached my file also.
Code Used:
if (document.location.href.indexOf('html5') < 0) {
GetPlayer().printSlide()
} else {
if(!window.hasPrintStyle){
window.hasPrintStyle = true;
var css = "@media print {div.controls.grid-row.inflexible,div.area-secondary.cs-left.inflexible,header.header-primary.centered-title.extended-height,div.presentation-wrapper:after {display:none !important; visibility:hidden !important;}}";
head = document.head || document.getElementsByTagName('head')[0];
style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet){
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);
}
window.print();
}
Hi all,
I have added a printing" button using the "javascript" window.print(); so that people can print one of the pages of the course. Some people will most likely use this function and instead of printing they will select "save as pdf". However, the page has hyperlinks and are lost in the pdf document, do you have any solution?
Thanks very much!
Hi everyone!
I am in the same boat - I want to provide a downloadable report to the learners with all of their data along with hyperlinks to specific courses. The new window does open but no data is displayed. I would like a pdf but the hyperlinks need to work.