Storyline - Printing slide as pdf (without navigation, only the slide with the button and always the same size)
Jul 29, 2022
Dear all,
I am looking for a way to print something like a screenshot of a specific course slide featuring text input boxes to make notes, via a "print" button. So far my journey let me to the following two ways, but sadly, without a good result:
Option 1
I came upon this code https://www.elearningfreak.com/how-to-print-slides-in-articulate-storyline-360-in-html5/ which I used for the "print" button, which works okay - if I print the course slide on my main screen. If I print on my secondary screen, the slide is cut off. I tried tweaking the size in the code but the result remains rather random, depenting on which device or screen I view and print the content.
Did anyone stumble upon this problem? And did you perhaps find the code which prints the slide as pdf always in the same size, no matter on what device or screen the course is viewed?
Option 2
The alternative approach might be to use a way similar to this https://tracycarroll.net/free-print-certificate-template/ customising a print certificate as a branded pdf, featuring the input text from the learner. But as I curently don't know how to use JavaScript and CSS or similar, to create a basic branded PDF, and time is somewhat pressing, the first approach seemed to be the easier and faster way... if the code I am looking for actually does exist :)
Looking forward to your answers and wishing you a nice weekend in advance.
5 Replies
Try just the simple window print javascript:
window.print();
You can even create a tab in your player to execute this as shown in the first 3 minutes of the video here.
Thank you for the tip. Sadly, it prints the slide content and the player mask around it. Would there be a way of printing without the player mask and menu and also to only have the "print" button in the menu for only that specific slide? I would need only the slide content as in my "Option 1" but printed in the same size on any device and on any screen. Also, I'd like to make it as easy as possible for the user, ideally, as “click and print”. But I believe this would involve a lot of coding and customization which is not really my profession.
Printing a slide is on the roadmap for Storyline
Thank you for the information - Is there an estimation when this feature might be available? For my current project I will probably have to look for external help, but for the future this could be really helpful.
Hi, Samuel.
While I don't have a specific timeline for this feature, you can see in our feature roadmap that a Print Slide trigger is currently in development, as Phil mentioned above.
I also wanted to share this discussion with some additional Javascript code that might work for what you're looking to do.