Printing a certificate of completion


Has anyone built a course that has a certificate at the end that the learner can print? I have created one at the end of a module I am writing for a client but finding that when I go to print it the whole page prints not just the certificate. Can anyone offer any advice please. The client wants a certificate that fits the whole page and I'm not sure if this is possible? Many thanks

3 Replies
Dave Cox

Yes, I've done this.

To make this work, you need to create an HTML page as part of your project that contains your certificate elements. You can control what prints to the printer by using CSS. I set my page width to 700px to fit a standard 8.5X11 sheet of paper in portrait mode. Include a non-printing print button on your page, and then use this button to cause the web page to print to the printer. For example:

<form class="noPrint">
<div class="center">
<input type="button" value="Print This Certificate" name="printButton" onClick="window.print()">