Blog Post

Discover
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

  • Got it to work, but even on landscape certificate only prints about 40% size. Is there a way to set it to maximize print area on page?
    • RothaBearng's avatar
      RothaBearng
      Community Member
      i know this is a year old,

      But try this:

      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();
      • HeatherEmerick's avatar
        HeatherEmerick
        Community Member

        This is so helpful! Do you have any tips on getting the sizing right? I am using letter-sized paper, and it isn't quite right. I've tried changing the scale, but it is too small at .88 and too large at .95.  This is my first time playing with java script. I've had a frustrating afternoon trying to generate a certificate; this is the closest I've come! 

  • KarenBowden1's avatar
    KarenBowden1
    Community Member
    Hi, Sarah. After I click Print the preview displays an entirely black sheet with just the "logo" at the top. Any suggestions?
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      Hey Karen! That's definitely not the expected behavior. I wasn't able to replicate the issue. 🙁 Please reach out to our support team so they can dig into why that's happening and hopefully resolve it. 🤞 https://articulate.com/support/contact
  • MartaBou's avatar
    MartaBou
    Community Member
    Hi
    I cannot open this file in Articulate 360. Do you know why???