Forum Discussion
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
Hi Mary! I got this working absolutely fine in several projects. What do you need?
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?
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 ?Does anyone know if this works with Storyline 360?
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!
Hi,
Maybe somebody can help me? What and where should I change so the certificate file name when downloading is not "null"?
Thank you!
H Ryan, I keep getting a 404 error, file not found when I go to your example link.
