To print a slide of the published output of storyline

Hi,

I was wondering, if there is a way to print the actual slide of the Storyline output.

My team and I have created Assessment with a Result's slide (as it is available in the templates). We have designed a certificate on this Results page, which gives us an option to review the assessment and print the result. What we observed is that the Print Result button displays the learner's performance (with all the details of the questions attempted) and not a Certificate as such. What we want the learner to print is the actual certificate that we have designed on the result's page. We don't want the learner to print the Print Result with all the question info.

Is there any way that we can do this? 

Please help soon.

81 Replies
Leonora Bularzik

Also do this:  I did get this from elearning brothers

First, you will need to decide which slide to use the Print function on. If you want to use it on all slides, select the Slide Master. Then, follow the steps below:

1. Select the slide (or master).
2. Click the Insert Tab on the ribbon.
3. Click the “Flash” button and insert the printSlide.swf included in the package.
4. Move the printSlide.swf out of your way.
5. Select the button, image, etc. that you want to use as the trigger for printing.
6. Add a JavaScript trigger.
7. Insert the JavaScript in the Code section below.
8. Publish your course.
9. IMPORTANT: Test from a server or LMS.

Christie Pollick

Hi, Veronica -- I just wanted to stop in to mention in case you were not aware, when you reply to a forum notification via email, the details in your signature are displayed publicly in the post. If you'd like to remove that info, please click here to be taken to the discussion itself, and then use the EDIT button below your reply. 

Tania Lee

I'm not sure if something updated but in past I had trouble with the JS print command too,

 

While doing some more troubleshooting, I noticed

  1. that when I tried to load the file to the Articulate Tempshare http://tempshare.articulate.com/  the print button worked 3-26-2017 in Google Chrome (see attachment.) and Internet Edge . It did not work in Firefox.
  2. In Moodle lms, uploaded as zip file , then unzipped it, and chose  .html5 as main file it worked in Chrome , IE 11, and  Internet Edge. But when I selected ,swf or .html it didn't print in Chrome.
  3. In Canvas lms , I uploaded zip file and chose .launcher but Chrome did not work and Internet Edge did work when I clicked File> Print. 

This was in Storyline 2.

Katie Sabourin

Does anyone know if this still works in Storyline 360. I have done the Javascript trigger on an icon and a button, but nothing seems to happen. I have tried exporting to Web (HTML5) and CD, as well as Articulate 360, but it doesn't do anything at all. I am also having a similar issue with a Javascript trigger to send an email, nothing happens. Any ideas what might be blocking the Javascript triggers?

Xavier Cambier

Hello everybody, 

I'm currently working on a project where I want my learners to print what they just wrote. I use the js code : window print(); 

Results are very different : 

  • When I open from my computer (locally) the file index_lms_html5.html - I can print my file
  • When I open from my LMS moodle (server) the module :
    • on chrome I have a blank page
    • and on IE, I got pieces of the slide. 

Is there anybody found out how to print from their LMS platform? 

Thank  you for your time and your answers

Have a nice day!

Steven Hill

this code works well for me the only problem is it doesn't support transparency of .png files. 

 

if (document.location.href.indexOf('html5') < 0) {
GetPlayer().printSlide()
} else {
if(!window.hasPrintStyle){
window.hasPrintStyle = true;
var css = '@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);
}
var whereNow = $("#slidecontainer").offset();
$("#slidecontainer").offset({top:0,left:0});
window.open( window.print());
$("#slidecontainer").offset(whereNow);
}

 

Needs to be attached to a trigger button obviously.

Maria Rodrigo

Hi, I know there hasn't been an updated on this thread for a while... howeverI am trying to print the results slide or print a certificate however none of the options mentioned above are working for me. Is there any suggestions on a different javascript that might work? I am using Google Chrome, so preferably something that works for Chrome.