How to Print Individual Slides in Articulate Storyline


This blog shares the steps to print individual slides of an online course using Articulate Storyline.

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.

How to Select the Right Rapid Authoring Tool

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Copy link