Print out the certificate without buttons on the screen

Dec 14, 2021

There are many ways to create a certification after a final quiz in Storyline. Matthew Bibby shared Six Ways to Generate a Certificate of Completion. But if you are like me preferring editing and viewing certification layout directly in SL and do not like adding extra files into storyline output file after each time publishing. This is the article for you.

Of course you can add a certification slide in SL. Other than the score, you will also need showing user name and date on the certification.

user name: you can require user to input his/her name with a text entry or Retrieve LMS User Name as Variable.
Date: Add JS code for the SystemDate

You may already know that we can add a print button and have users print a slide with a simple JS code below:

window.print();

But you will encounter the print icon also shown on the image. And that's definitely shouldn't be existed on a certification.

So here is how I get rid of those buttons.

Put buttons on another layer.
Add a hide layer trigger before the print trigger.

That's it.

Demo

8 Replies

Sam L

over 2 years ago12/14/21 at 4:23 pm (UTC)

Awesome! Thanks.

Priyanka Rastogi

over 2 years ago12/14/21 at 10:08 pm (UTC)

Thank you so much, Joanne.

Bianca Woods
Staff

over 2 years ago12/15/21 at 7:35 pm (UTC)

Hi Joanne,

This is a really cool solution for adding a printable certificate! And hiding the buttons on another layer to prevent them from being on the printed certificate is such a smart way to tuck them out of sight!

Hillary Townsend

1 year ago02/25/23 at 8:35 pm (UTC)

Hey Joanne,

It's been a little while so I'm not sure if you'll pop back here, but I am having trouble getting your print code to work as it does in your published sample. When I use the three lines of code, my published sample shows the player menu. I see on your sample it does not.

I would appreciate any advice you may have. Thank you!

- HT

Phil Mayor
Hero

1 year ago02/26/23 at 8:28 am (UTC)

Hi Hilary, you shouldn't need that code anymore there is now a print trigger that does the same thing, Joanne post still hold for how to remove the buttons.

1 year ago02/26/23 at 3:35 pm (UTC)

Phil - Thank you for your reply. Unfortunately, I am required to use the classic player for the project I am working on. I believe the print trigger is reserved for the modern player only. So I think I’m stuck trying to rig together a solution as the course won’t be housed in an LMS.

Edit: I figured out a solution using javascript. Thanks all!