Skip to main content
J
jasonv8862872
Participant
December 5, 2018
Answered

Premium Certificate Widget

  • December 5, 2018
  • 4 replies
  • 787 views

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.

This topic has been closed for replies.
Correct answer David Burnham HBA

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.

4 replies

David Burnham HBA
David Burnham HBACorrect answer
Inspiring
December 12, 2018

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.

J
jasonv8862872Author
Participant
December 6, 2018

Thanks to both of you for your responses.

L
LineP
Known Participant
December 6, 2018

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>

    Lilybiri
    Lilybiri
    Legend
    December 5, 2018

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

    J
    jasonv8862872Author
    Participant
    December 6, 2018

    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
    Community Expert
    RodWardCommunity Expert
    Community Expert
    December 6, 2018

    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.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices