Forum Discussion
Create a Course Certificate in StoryLine! (with Java and HTML)
Hi Owen,
I found your post after trying several other solutions. Initally I did not want a new HTML external file solution but this is best as some browsers will load the Flash version and the JS trigger allin one don't work.... hrs spend here - avoid.
In the interests of helping others... and repeating some of the above:
1) make a button for printing the certificate
2) add a JS trigger with the code:var newWin=window.open("certificate.html", "certificate", "status=0,scrollbars=0,width=820,height=620");
3) make a HMTL + JPG file and save it into the root directory - same as your story file. - attached
4) I've added variables to the HTML file.... you'll need your own variables created in SL eg %name% as these are pulled into the opened window. Make as many variables as you want and mod the HTML. Mod the stylesheets to please.
I am still struggeling with (it works fine but):
document.write("<div class='result'>"+learnerName+", <b><br/><br/><br/></b>"+CourseName+" module. <br/> "+systemdateDayOfWeek+" "+systemdateDay+" "+SystemTime+" "+systemdateMonth+" "+systemdateYear+"</div>");
Errors if I have more than one of these (no content displayed) - even an exact duplicate. I am no JS expert so can't resolve this...
Ideally I'd like several document.write
calls each with different classes so the above is a make do solution for the moment.
Oh, the certificate.html MUST be online and variables set up in html file and SL.
Hello Lance,
Thanks for your example.
I was trying your example and creating a certificate shared by you. I just want to print a name in the shared certificate. But I am facing a problem in printing a name on it.
Here I am sharing a .story file and as well as the cerificate.html file.
I have created a print button in the failure feedback layer and In the first slide, I have created a name reference field to pull the name from it and print in the certificate.
I request you to please have a look and help me in this.
Thanks
Apoorv