How to print several slides in Story line

We are currently working on a project for a client where they want to be able to download/email/print the whole Storyline slide deck including pages where the learner has entered notes via text entry or completed surveys etc.

Our solution (which appears to work well) was to:

(a) convert the whole course into a pdf form - we do this by publishing to Word then eliminate the bits we don't need and then save as a pdf. We then open the pdf in Adobe Acrobat and convert it to a pdf 'form' inserting named fields where the learner's input will appear.

(b) in the Storyline we then used a JavaScript library "pdf-lib" which has the ability to open, read and fill out pdf forms. A button runs a JavaScript routine that opens our pdf form template, retrieves the variables we need from Storyline and uses them to fill out the pdf form. Once complete the learner is presented with a button to download or email the pdf - obviously the learner can then print the pdf but I'm sure there must be a clever way of sending it to the printer?

There's a bit of JavaScript programming involved but no modifying the html after publication - and the pdf template can be modified without changing the JavaScript as long as the field names remain the same.

I can provide more details if anyone is interested?

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!

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.

I am also looking at a work around for this too. 

I am interested in any solutions for this as well. I am creating a test that randomly generates unique questions for students.  I need them to be able to print 2 or 3 pages (slides) so that they can complete the test by hand.  

Please share any solutions for this. I currently need to create a learning journal with about 30 reflection questions that the learner can save and print when finished. Any ideas?

Hi Lauren,

Any chance of giving examples or tutorial links of how to print multiple slides into a single PDF.

Thanks

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

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

I am interested by any solutions for this as well. I am developing a take a look at that randomly generates unique questions for students. I need them so as to print 2 or 3 pages (slides) so one can entire the take a look at by way of hand.