Example files: Generating a certificate from Storyline

Hi Steve, a solution to generate a pdf certificate by a learner using the CD published version of a story, with no access to internet or browser, would be much appreciated!

Hey Mihai - 

Unfortunately, the PDF generator through JavaScript was pretty inconsistent between browsers. So I gave up on that angle. The Certificate should still appear when running from a CD. But saving to PDF could be tricky if the user doesn't have a PDF setup as a print target. 

If browsers were a little less inconsistent, would be much easier to help folks out

Hello,

In one word HELP!! I am trying to use Steve's file. I follow the instructions and when I open the file on Chrome and click the button, nothing happends. I have tried Firefox and Internet Explorer and nothing happen. When I tried the HTML 5, it opens the we page, but not the body. Here's what I need to do: the learner will enter information during the course, at the end, they should click a button that says "Get my Job Aid" this will open a new HTML pages with the information that they have entered. From there, the can print, or save it.

What am I doing wrong? Please HELP!

Thank you,

Arturo

Hey Arturo -

You might be running into the Flash Player Security feature. This prevents JavaScript from executing locally (any communication between the Flash player and browser is locked down). A few ways to get around this:

• Publish to CD for local testing. Running the player exe file will bypass the Flash Security feature.
• Publish to web and upload to a server or LMS
• Add your publish folder to the Flash Security Settings Manager whitelist (this can be complicated for Chrome)

When I clicked the "See it in action" link, the page with the text entry is blank (does not show "enter name here"), and when I printed the certificate, it did not show my name. Is this part of the bug you referenced in your post? I love the idea and would like to make it work for my own modules, as right now, the users are printing out the certificate, but getting an output version of the player with the certificate inside... so it doesn't look like an actual certificate. :(

Thanks!!

Hi everyone,

Thank you for the certificate file! It was very helpful!!

I was wondering if there was a way to create a PDF certificate (ie... send the data to a pdf, instead of an html document?)

Thanks!

Susan

Hi!

I´m new in here, and also a rookie in Storyline. I´ve just startet to move our e-learing course from Coursebuilder to Storyline, and I must say that Storyline works much better.

At the end of our course there´s an exam that the student must pass to get a certificate.

Since I´m a rookie at this, I wonder if some of you can help me to transform my Word doc (attached) to become a certificate that I can use in our course.

The certificate should contain name and date wich the student can put in (just like in Steve´s first post shows).

As you can see if you open the file, all the text is in norwegian.

I hope that some of you can help me, or at least describe how to modify Steve´s example.

Best Regards

Øystein

Hi All

The code works like a charm, however I am trying to add the current date to the certificate.

I have tried creating a date variable in Storyline and then calling that variable to the certificate, and I have tried calling the date using script in the Certificate HTML, but both times I end up with just a blank certificate, picture no text

Could some one suggest how and where I add the new script to the Certificate.HTML please?

I have a variable called %SystemDate% in Storyline which works using this script;

var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
var dateString=month + "/" + day + "/" + year
var player = GetPlayer();
player.SetVar("SystemDate",dateString);

And I have tried this code in the Certificate.html

var learnerScore=player.GetVar("Score").toString();
        document.write("

");.  

I have a feeling it is how I am trying to add the additional code to the original script that is causing the problem.

Any suggestions would be gratefully received

Thanks in advance

Simon

I keep it simple. when my storyline file opens, I get the date. It is the first thing the first slide does. This lets me display the date throughout the course. Here is the code I use.

var today = new Date();

var dd = today.getDate();

var mm = today.getMonth()+1; //January is 0!

var yyyy = today.getFullYear();

if(dd<10) {

dd='0'+dd

}

if(mm<10) {

mm='0'+mm

}

today = mm+'/'+dd+'/'+yyyy;

var player = GetPlayer();

player.SetVar("SystemDate",today);

The certificate java is at the end of the course. Keeping them separate makes it easier to trouble shoot.

My certificate java looks like this:

myWindow = window.open("","Print","width=900,height=700,scrollbars=0,resizable=0");

var player=GetPlayer();

var course=player.GetVar("CourseName");

var username=player.GetVar("NewName");

var date=player.GetVar("SystemDate");

var score=player.GetVar("ScorePercent");

var contents ='<html></head><style type="text/css">';

contents+='h2 {font-family:"Museo Sans For Dell"; font-size:20px; color:#333333}';

contents+='h3 {font-family:"Museo Sans For Dell"; font-size:30px; color:#0085C3}';

contents+='h4 {font-family:"Museo Sans For Dell"; font-size:16px; vertical-align:bottom}';

contents+='</style><body>';

contents+='<table width="100%" border="0" cellspacing="0" cellpadding="0">';

contents+='<tr><td><center><img src="../GFPA0104/certificate/CertificateBanner.png"></center></td></tr></table>';

contents+='<table width="100%" border="0" cellspacing="0" cellpadding="20">';

contents+='<tr><td colspan="5"><center><h2>THE GLOBAL FP&A L&D TEAM CERTIFIES THAT</h2>';

contents+='<h3>'+username+'</h3>';

contents+='<h2>HAS SUCCESSFULLY COMPLETED</h2>';

contents+='<h3>'+course+'</h3>';

contents+='<h2>WITH A SCORE OF</h2>';

contents+='<h3>'+score+'%</h3></center></td></tr></table>';

contents+='<table width="100%" border="0" cellspacing="0"><tr>';

contents+='<td width="30%"><center><img src="../GFPA0104/certificate/Signature.png"></center></td>';

contents+='<td width="5%" rowspan="2"></td>';

contents+='<td width="30%"><center><h4>'+date+'</h4></center></td>';

contents+='<td width="15%" rowspan="2"></td>';

contents+='<td width="20%" rowspan="2"><img src="../GFPA0104/certificate/Dell-Logo.png"></td></tr>';

contents+='<tr><td><center><img src="../GFPA0104/certificate/Signature Line.png"></center></td>';

contents+='<td><center><img src="../GFPA0104/certificate/Date Line.png"></center></td></tr></table>';

contents+='</body></html>';

myWindow.document.write(contents);

myWindow.document.close();

myWindow.focus();

myWindow.print();

Hi, I make a certificate and this work on Chrome, but doesn't work on IE 7 and 8. Has someone made any fixes?