Blog Post

Discover
1 MIN READ

Storyline: Course Certificate Template

SarahHodge's avatar
SarahHodge
Former Staff
2 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 2 years ago
Version 1.0
  • 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
  • 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.
  • 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.