storyline print slide

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.

Usage

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.

Code

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);
}

Video

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!

James-Kingsley-BioJames Kingsley has worked in the eLearning Industry for over 15 years. He has won several awards for combining technologies to produce better eLearning. He is an Articulate MVP. James is the Senior Technology Architect for eLearning Brothers and the Co-Founder of ReviewMyElearning.com. You can also follow him onTwitter or connect with him on LinkedIn for additional tips and examples.

Pin It on Pinterest