Highlighted

Premium Certificate Widget

Community Beginner ,
Dec 05, 2018

Copy link to clipboard

Copied

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.

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.

Views

261

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Premium Certificate Widget

Community Beginner ,
Dec 05, 2018

Copy link to clipboard

Copied

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.

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.

Views

262

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Dec 05, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Dec 06, 2018

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Dec 06, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Dec 06, 2018

Copy link to clipboard

Copied

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>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Dec 06, 2018

Copy link to clipboard

Copied

Thanks to both of you for your responses.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Enthusiast ,
Dec 11, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Captivate User Guide
New Group