Blog Post

Course Starter Kits
1 MIN READ

Storyline: Course Certificate Template

SarahHodge's avatar
SarahHodge
Former Staff
3 years ago

Do you want to reward learners with a certificate when they successfully complete a course? Then download this certificate of completion template to use in your own projects. This template uses the print slide trigger in Storyline 360, which allows learners to print the contents of a specific slide. 

Explore this project. 

Published 3 years ago
Version 1.0

34 Comments

  • NikkiR2446's avatar
    NikkiR2446
    Community Member
    This is one of my favorite items! I added it to all our courses as we have learners who like to have their own record and not just the one on the LMS, also, for our HTML users, this has been a game changer. Thanks!
  • DavePaul's avatar
    DavePaul
    Community Member
    For very Articulate newbies, are there any steps that someone can outline, so I can do this as well?
    • RothaBearng's avatar
      RothaBearng
      Community Member
      Click the download course above,

      Run the course (app),

      modify the content to your needs,

      then you have to export (Publish) this course into Review360,


      then inside Rise, insert an interactive block for "Storyline",

      then pop up option where you choose that course from Review360 to insert as a block.

      Then it will run as a content block course.
    • RothaBearng's avatar
      RothaBearng
      Community Member
      first you have to export (Publish) this course into Review360,


      then inside Rise, insert an interactive block for "Storyline",

      then pop up option where you choose that course from Review360 to insert as a block.

      Then it will run as a content block course.
  • Is there a way to use the maximun A4 space available when printing the Certificate to a PDF?
    Now the certificate is printed in the left corner....
    • RothaBearng's avatar
      RothaBearng
      Community Member
      HI there,

      I worked with my team to get this somewhat fixed,
      as I had similar issues when printing CERTs.

      try this java code as a trigger for the print:

      var styles = `
      @media print {
      body, * { visibility: hidden; }
      html, body { overflow: hidden; transform: translateZ(0); }
      #slide {
      transform: scale(1) !important; # Adjusted scale to 1 (no zoom)
      }
      #wrapper {
      transform: scale(1) !important;
      }
      #slide,
      #wrapper {
      width: 100% !important;
      height: 100% !important;
      overflow: visible !important;
      }
      #frame {
      overflow: visible !important;
      }
      .slide-transition-container {
      overflow: visible !important;
      }
      @page {
      size: A4 landscape;
      max-height: 99%;
      max-width: 99%;
      }
      .slide-container, .slide-container * {
      visibility: visible !important;
      margin-top: 0px !important;
      margin-left: 0px !important;
      }
      #outline-panel {
      display: none !important;
      }
      }
      `;

      var stylesheet = document.createElement('style');
      stylesheet.type = 'text/css';
      stylesheet.innerText = styles;
      document.head.appendChild(stylesheet);
      window.print();

  • I cannot download this Certificate of Completion course. I keep getting the following error message. In fact, I get this error on all of my downlaods.
  • I'm late to the party but this is a great template thank you. The issue I'm having is that when I test it and click on the print icon, the icon is showing in the print preview. I haven't changed any settings. Can anyone suggest what I need to do? Thank you

    • RothaBearng's avatar
      RothaBearng
      Community Member

      Hi Rachel,

      When you publish it out to test, the Print Button/icon is a graphic on the slide. It will show what is currently on that specific slide.

      You have to set an Object trigger to hide the Print Button/icon during print, OR adjust it to a button object (Insert button on new layer-set to print trigger, hide layer), that will trigger a print when a user clicks it.

      The template is just a starting point, have to do minor adjustments to your liking.