Skip to content

How to Print Individual Slides in Articulate Storyline

Articulate Storyline helps e-learning developers meet unique and varied learning needs. Here is one interesting requirement that was met with this popular authoring tool.

Learning Requirement

The trainer wanted specific slides in an online course, to be available as printouts to learners. He wanted a “Print” tab in those slides. On clicking it, learners should be able to print those slides.

Let us see how we used Articulate Storyline to meet the above requirement in the following steps.

Step 1: First, create the course as per your requirement.

Create the course as per requirement Step1

Step 2: Insert a Button from the InsertTab and name it Print.

Insert the button from the insert tab and name it as print

Printing Slides

Step 3: Assign the trigger “Execute JavaScript” when the learner clicks the Print button.

Assign a trigger to the print button

Step 4: Write the code given below in the JavaScript window.

if (document.location.href.indexOf(‘html5’) < 0) {


} else {


window.hasPrintStyle = true;

varcss = ‘@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 {





varwhereNow = $(“#slidecontainer”).offset();





Javascript code for printing slide

Step 5: Publish the course and open the story_html5.html file to view the output.

This is how we can print individual slides in Articulate Storyline.

Do you such unique learning requirements? View our authoring tool expertise.

Authoring Tool Finder - Find the Best Suited Authoring Tool for Your Needs