How to print several slides in Story line

Hi,
I am trying to print about 10 slides in Storyline 360, preferably to a .pdf but presently just to a printer. I can print and pdf the current screen but the only solution for multiple slides seems to be complex java script  with an attached html5 file. I can do the design and layout well but this is a bit to technical for my skill set. I was hopping a little bit of JavaScript in the player would print the whole document or just the slides I chose.

14 Replies
Lauren Connelly

Hello Charlie and Matney!

I'm interested to hear what Javascript experts recommend, but I'll offer up my simple recommendations!

If you're looking to print a page in Storyline, I'd recommend adding an Execute Javascript Trigger with a window.print(); This only prints the current page, so you might want to play around with other javascript to print more than that.

Another idea is to create a PDF with all of the questions and add a button to the slide with a trigger to Open File. 

I'd love to hear what you both come up with. I hope these simple steps will get you started!

Justine May

Hi Kami,

I'm not sure if this is helpful but I'm putting data entries to capture the questions and then creating a variable that displays on a final slide. Then I'm using the print javascript option to print this slide. The problem I'm encountering is that the text looks very small on the final slide. It's not formatted very well and I'm not quite sure how to adjust this yet. 

Did you have any luck?

Scott Wiley

I don't know if either of these would be helpful, but a while back I put together a couple of prototypes that can create a separate HTML page for printing either a simple certificate or captured notes. They both use JavaScript and some basic HTML code for formatting.

Hope these help.

Luella Cooke

Just follow these stages:

Stage 1: First, make the course according to your prerequisite.

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

Stage 3: Assign the trigger "Execute JavaScript" when the student taps the Print button.

Stage 4: Write the code given underneath in the JavaScript window.

Here's a video:

Source: Printer Wire

Mark Zeckerburg

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

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

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

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

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

GetPlayer().printSlide()

} else {

if(!window.hasPrintStyle){

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 {

style.appendChild(document.createTextNode(css));

}

head.appendChild(style);

}

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

$(“#slidecontainer”).offset({top:0,left:0});

window.print();

$(“#slidecontainer”).offset(whereNow);

}

Source: Printvela.com

Joe Tansengco

Hi Robin,

Just to add to all the great suggestions that have already been shared in this thread, you can also take a look at this post where a member of the community shared a method to print almost anything in Storyline 360. 

You are also welcome to raise a Feature Request to our product team if there are any printing specific features that you'd like to see in future releases of Storyline 360.