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.
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.
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!
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?
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.
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.
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.
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.
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?
I've seen your earlier posts on PDFMake - have never used it - but it looks easier than jsPDF!
The BIG advantage with pdf-lib is it's ability to both create and amend existing pdf forms. So if you create your learning journal or certificate using Adobe or some other pdf form maker - you just name the fields and then pdf-lib can read the pdf form template and can use the Storyline variables to fill it in.
It was a simple 'note taker' demo on the original post and then I followed up with a detailed explanation on how the demo works - plus the pdf form template and story file.
We were aware of pdf-lib some time ago but have only just got round to using it - but it has a heap of possibilities.
Our next demo - which we have working on a client 'proof of concept' will be a slider driven survey and then a downloadable pdf which will show the slider responses with the thumbs in the correct positions - again using pdf-lib.
I have been a fan of your work on this forum for some time, Phil, I'm hoping you will find this useful - I feel I owe you!
10 slides at one time maybe it's not possible with original version, but maybe you can do this by using a third party version... which I suggest you to don't use such version.
Thanks for reaching out! John may no longer be subscribed to this discussion, but feel free to contact them directly through their profile by clicking on their name and selecting Contact Me.
20 Replies
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.
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!
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?
Looks for examples that use PDFMake to create a learning journal.
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?
Hi Phil,
Did you find a solution?
Hi Lauren,
Any chance of giving examples or tutorial links of how to print multiple slides into a single PDF.
Thanks
Hey there Michael!
I've seen some great feedback from folks in this post regarding these types of printing needs. Here's hoping you find some useful tips!
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.
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.
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.
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?
You can use PDFMake to create pdfs it will download the print function only works in certain browsers. But the user can manually print.
I have never used pdf-lib which should like a nicer way to do some of these, would love to here more John
Hi Phil
I've seen your earlier posts on PDFMake - have never used it - but it looks easier than jsPDF!
The BIG advantage with pdf-lib is it's ability to both create and amend existing pdf forms. So if you create your learning journal or certificate using Adobe or some other pdf form maker - you just name the fields and then pdf-lib can read the pdf form template and can use the Storyline variables to fill it in.
I posted a demo using pdf-lib on this thread:
Creating downloadable pdf files in Storyline - an update on earlier methods - Articulate Storyline Discussions - E-Learning Heroes
It was a simple 'note taker' demo on the original post and then I followed up with a detailed explanation on how the demo works - plus the pdf form template and story file.
We were aware of pdf-lib some time ago but have only just got round to using it - but it has a heap of possibilities.
Our next demo - which we have working on a client 'proof of concept' will be a slider driven survey and then a downloadable pdf which will show the slider responses with the thumbs in the correct positions - again using pdf-lib.
I have been a fan of your work on this forum for some time, Phil, I'm hoping you will find this useful - I feel I owe you!
10 slides at one time maybe it's not possible with original version, but maybe you can do this by using a third party version... which I suggest you to don't use such version.
I would love to know the full process on how to do this.
Hi Brian,
Thanks for reaching out! John may no longer be subscribed to this discussion, but feel free to contact them directly through their profile by clicking on their name and selecting Contact Me.