Forum Discussion

RyanLowry's avatar
RyanLowry
Community Member
10 years ago

Storyline 2 Example - Generating a PDF Certificate for users who successfully complete a quiz

Hi all,

I've been experimenting with a JavaScript PDF library (pdfmake) to generate PDF certificates client side for learners who have successfully completed a quiz in Storyline 2.

You can see an example at http://rlowry.github.io/certificate/story.html

The 1st slide of the example provides a brief overview of how this works. I've tested this successfully in Internet Explorer, Chrome, Firefox, Chrome on Android and Safari on iOS.

I've attached a simple source file that contains a basic .story file as well as a folder (certificate) that includes the required HTML and JavaScript that needs to be included within a web object within the project. Feel free to have a look and re-use if it's useful.

The generated PDF certificate is very basic at the moment, you'll need to refer to the pdfmake documentation to update the design.

UPDATE: Originally this example only worked with the HTML5 output. I've tweaked it so it now works with the Flash output as well. I've updated the attached files to reflect this change.

UPDATE 2: I've updated the attached source files so they now use the latest version of pdfmake (v0.1.27).

Cheers,

Ryan

  • MichaelAmbech's avatar
    MichaelAmbech
    Community Member

    Hi Mary! I got this working absolutely fine in several projects. What do you need?

  • sujatabuckley's avatar
    sujatabuckley
    Community Member

    This code is great and works really well. Is it possible to not use iframes on it though? How do I convert the code?

  • Hi Ryan. Do you know of a way to email the generated PDF as an attachment client side?

  • TatianeZF's avatar
    TatianeZF
    Community Member

    Very Very perfect!! Tks Ryan! 

    But i have a problem.

    After change de Title in Storyline 3, the certificate doesn't change. 
    Could someone help me, pleasee ? 

  • Thanks for the info! 

    I'm following your example and everything is working great.

    However, when I add custom fonts to the project the PDF fails to print. I'm following all the pdfmake instructions on Github (recompiling the fonts file etc) but haven't been able to track down the bug. The one clue I found was from an old message board where a user had a similar problem and said it was due to a problem with Articulate.

    Has anyone else encountered this problem? Were you able to overcome it? Any advice? Or can some one share a working example or template I can follow?

    Thanks!

  • janisstars's avatar
    janisstars
    Community Member

    Hi, 

    Maybe somebody can help me? What and where should I change so the certificate file name when downloading is not "null"?

    Thank you!

     

  • DougDewan's avatar
    DougDewan
    Community Member

    H Ryan, I keep getting a 404 error, file not found when I go to your example link.