To print a slide of the published output of storyline
Mar 13, 2013
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
Is there anything in this thread that helps you?
https://community.articulate.com/discussions/articulate-storyline/storyline-2-example-generating-a-pdf-certificate-for-users-who-successfully-complete-a-quiz-html5
I don't know if this has been shared yet on here but if you export to Word, then save word as a Web page, it automatically exports all the slides as images in the newly created HTML folder.
I'm also using a combo of Excel, Word and SL2 to create my own single click customized storyboards....a bit overkill but it's what I need and saves a ton of time.
Message me if you would like the specifics on how to do this.
Yes I would like to know how you create the storyboards using excel, word
and storyline
Thanks
Hi Amy,
You can also use the "Contact me" button on Jeremy's profile to reach out to him directly.
Good luck with your project and glad you found the help you needed!
Hi Amy, I'm new to Articulate but I've created a quick tutorial on how to export slides and posted it on my website:
http://jeremydstiffler.com/exporting-images-in-articulate-storyline-2/
I'd love any feedback any would have on this first-try with Articulate.
Not only did you create the tutorial about how to do so with Articulate, you then published it in Articulate! Nice job Jeremy - simple, easy steps to follow.
Nicely done, Jeremy! I can't think of a better way to learn the software than to jump in and start teaching it:-)
Amy, here's part two on how to do the mail merge to create the storyboards.
http://jeremydstiffler.com/quickly-storyboard-projects-with-images-and-mailmerge/
I'm slowly adding complexity to the SL presentations. Thanks for any input!
I have the same issue
I am going to try this code. The "window.print();" doesn't work...just shows a blank screen.
Helpful, thanks !!
I just took off the: menue, glossary, etc. on that one slide.
Thanks for popping in to share that information Gaurav.
Helena - so removing the player elements allowed your screen to print as well? Thanks for popping in with an update.
Hi Ruth, This code worked! I have Windows 10 laptop and tried it with the Internet Edge browser and this code worked! I tried it with Firefox 47.0.1 and I got a blank page.
Happy to hear it Tania!
I created a print button, added a trigger with java script window.print(), but all it does is launch another browser tab. I get no print dialog box. Any ideas? Using Win7 with IE 11.
Hi Veronica
are you viewing the published output on a webserver - sometimes the JS triggers don't work locally.
No, we do not have a webserver available. At some point we will put it in an LMS, but that is months away. In the meantime, we are using a shared server.
Hi Veronica,
As Wendy mentioned you'll want to test this out by uploading to the intended environment and you could use one of the options in this article or if you'll ultimately be adding it to your LMS you could look at using SCORM Cloud which is an industry standard for LMS testing. This article will walk you through testing at SCORM Cloud.
Also just an FYI that responding via email includes your signature here so you may want to edit the post to remove that information if you don't want it out in public.
The only issue with the print feature (using JavaScript) is that it prints the entire window instead of the the contents of the certificate.
I'm fine with it printing the entire slide. I just can't get it to print at all. It just brings up and empty new browser tab.
The intended environment is a shared server for now. The LMS is months away and we need the course today. Can a result slide not be printed unless you have an LMS? I want to print because we don't have the LMS yet and when we do, printing the result slide will no longer be necessary.
Hi Veronica,
How are you publishing? The print functionality isn't restricted to a publishing method, but if you're publishing to LMS and then only loading onto a non-LMS platform that may be why it's not working correctly. Is the shared server a web server that all users access through a web browser or is it a linked drive on their computers? The latter could be contributing to that behavior - so I'd look at ensuring you're publishing and current environment methods match.
I am publishing to the web. However, since we do not have a webserver set up (waiting for the LMS) the users (including myself) are running story.html from a shared drive. What publishing method do you recommend for accessing in that way?
TO print a slide I created a button and here is the Javascript I received from a member a long time ago. It only works on Firefox, so I am also hopeing someone who does Javascript can help us out on this!
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.print();
$("#slidecontainer").offset(whereNow);
}
This discussion is closed. You can start a new discussion or contact Articulate Support.