UPDATE: Due to player updates, this widget is not compatible with Storyline 360. You can still use it with Storyline 2. Thanks for reading!
It's not uncommon for Articulate Storyline developers to want to create a way for their learners to print a current slide for later reference. This widget provides an easy way to introduce this functionality to your course.
First, you will need to decide which slide to use the Print function on. If you want to use it on all slides, select the Slide Master. Then, follow the steps below:
1. Select the slide (or master).
2. Click the Insert Tab on the ribbon.
3. Click the "Flash" button and insert the printSlide.swf included in the package.
4. Move the printSlide.swf out of your way.
5. Select the button, image, etc. that you want to use as the trigger for printing.
6. Add a JavaScript trigger.
7. Insert the JavaScript in the Code section below.
8. Publish your course.
9. IMPORTANT: Test from a server or LMS.
if (document.location.href.indexOf('html5') < 0) {
GetPlayer().printSlide()
} else {
if(!window.hasPrintStyle){
window.hasPrintStyle = true;
var css = '@media print {body * {visibility: hidden;}#slidecontainer, #slidecontainer * {visibility: visible;}#slidecontainer {position: absolute;left: 0;top: 0; }#slideframe {overflow: visible;}}',
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);
}
var whereNow = $("#slidecontainer").offset();
$("#slidecontainer").offset({top:0,left:0});
window.print();
$("#slidecontainer").offset(whereNow);
}
https://www.youtube.com/watch?v=Xge-zwuzbDU
All of this information is included in the source files that you can download here. The sample Storyline file mentioned in the video can also be downloaded here. Tell us what you think about it in the comments below!
