Premium Certificate Widget

[jasonv8862872]

I'm newer to captivate and our team has had some long standing issues with the certificates printing out. Sometimes it cuts of the borders or doesn't display as a full 8x10 certificate when printed. One developer feels that it's trying to print from the slide which is causing issues when it's actually printed. Are there any certificate widgets other than the free supplied one with Captivate that may eliminate all the extra time to work-around the existing issues? Thanks in advance for your replies.

We use Captivate 2017 both HTML and SWF. We also just bought 2019 though haven't integrated it yet due to how different it is.

[Lilybiri]

There used to be a certificate widget for SWF output, but AFAIK there is none for HTML output.

[jasonv8862872]

I found the Dynamic PDF Export Widget but it seems that is no longer available to use. Do you know of any active PDF export widgets that would give us the capabilities to create a certificate in a PDF format that can be saved or printed by the learner?

[RodWard]

Jim Leichliter created that widget.  Happily, Jim is back in the e-learning community and occasionally shows up on this forum.  But I haven't heard anything about him having created an HTML5 version of his PDF widget.

[LineP]

I'm on it. But I'm not sure that I'm done with it before Christimas.

Based on jspdf.js  and following code below:

var studentname = cp.vm.getVariableValue('cpQuizInfoStudentName');

var device = cp.vm.getVariableValue('DeviceText');

var subtitle = cp.vm.getVariableValue('SubtitleText');

var url = "print.html?studentname=" + studentname + "&device=" + device + "&subtitle=" + subtitle;

window.open(url,"_blank","width=800,height=600,menubar=no");

and

var d = new Date();

    var curr_date = d.getDate();

    var curr_month = d.getMonth() + 1;

    var curr_year = d.getFullYear();

for (var textPosition in printVars){

var pVar = printVars[textPosition];

if (textPosition == 0) {

document.write('<div id="date">' + curr_month + "-" + curr_date + "-" + curr_year + '</div>');

document.write('<div id="title"><img src="logo.png" id="logo">' + '<h1>' + decodeURIComponent(pVar) + '</h1></div>');

document.write('<hr/>');

and

<style type="text/css">

body {

  font-family: Sans-Serif;

  padding-top: 10px;

  padding-left: 10px;

}

#title{overflow:auto;}

#logo{float:right;}

#date{

float:left;

display:inline-block;

position:absolute;

z-index:: 1;

  font-family: Sans-Serif;

color: #666666;

padding-left: 22px;

}

h1 {

font-size:26px;

font-family: Sans-Serif;

padding-left: 19px;

margin-top: 27px;

}

h3 {

font-size:18px;

  font-family: Sans-Serif;

font-weight:600;

color: #444444;

  padding-left: 20px;

}

p {

font-size:14px;

-webkit-margin-before: 0.0em;

-webkit-margin-after: 0.0em;

  font-family: Sans-Serif;

color: #666666;

padding-left: 20px;

}

hr {

display: block;

-webkit-margin-before: 0.5em;

-webkit-margin-after: 0.5em;

-webkit-margin-start: auto;

-webkit-margin-end: auto;

border-style: inset;

border-width: 1px;

}

</style>

</body>

</html>

[jasonv8862872]

Thanks to both of you for your responses.

[David Burnham HBA · Accepted solution]

I have found all of these certificate widgets not to be very useful. 

I generally create a fillable pdf and I use that as a certificate. Upon completion of the course or successful completion of the quiz, the leaner is directed to download a nicely designed pdf certificate, it auto generates the date and they enter their name in a name field. I then have a print button that the can use to print the form  on 8.5 x 11 paper landscape. Once the print button is clicked and activated it also hides it so it does not print. 

Of course the alternative is to issue your certificate through your lms. Many have that feature.