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

Ok, this looks interesting and I was wondering if there is a tutorial on how to use this site?

Hi Helena! Looks like Ryan shared a link in his initial post and the site seems to have their own docs. This is not an Articulate product.

This is awesome, going to file the info for future projects. Thanks Ryan!

Then there are reasons threads get revived :) Glad to hear it Mike!

Hello, community members!

Ryan, thank you very much for the example! 

I am fairly new to articulate and not very familiar with programming. Could anyone please give me a hand by telling, where can I find the actual code which can be modified (so I change the text which is on the certificate:

"Organisation name,
this is to certify that,
successfully completed the following activity..."

I would like to just copy and paste the original concept of the certificate, but need to add Organisation name etc... 

Trying to solve this puzzle.. 

Thank you very much!
 

Hi again! I think I found the html file that I need to edit! Just had to open in notepad ++ 
Will try to do that! 
Have a good day everyone! ;)

Hi Janis, 

As I think you've already worked out you need to edit certificate.html

You will need to re-insert the web object after editing to see your changes.

Ryan

Hi Ryan, 

Yes, thank you very much for the reply. I did work it out theoretically and will try to edit the html file to insert the text and maybe new variables from the storyline which i need - test results for example (though it requires some decent programming skills which i am not very familiar with).

Will see how it works with inserting and re-inserting the web object also..thought just copying the web object from your file and inserting it into mine will work..will see..  Love challenges.   

Thank you very much indeed and have a good day!

Hi Nicky,

It's possible to set a background layer in the document definition. This can contain any content including images.

See bold section below.

Note that images are included as data uri's with images encoded as base64 strings. You could use the converter here to convert your image to a base64 string.

(The dimensions set below are the size in pixels needed to cover the full background of an A4 page).

var docDefinition = {

// Set page size
pageSize: 'A4',

// Set document orientation
pageOrientation: 'landscape',

// Set page margins
pageMargins: [0, 110, 0, 100],

// Define document background
background: [
  {
    image: 'data:image/jpeg;base64,/9j/4QAY...',
    width: 841.89,
    height: 595.28
  }
],

// Define document header
header: [
  {
    text: 'Organisation Test\n\n',
    fontSize: 30,
    alignment: 'center',
    margin: [0, 40, 0, 40]
  }

],

//doc definition continues here...

};

Hi Wes,

No problem, glad to hear this is useful.

Web objects are included in the published output so this isn't an issue.

You can find them in the following folder of a published project.

/story_content/WebObjects/

Ryan