Certificate PDF



https://support.edubrite.com/oltpublish/site/cms.do?view=html_certificate


Custom Certificate Template using HTML

Share 
We have a few other ways to customize the certificate template, for example
This article describes how to create a certificate template without requiring any outside resources (PDF or images), here are the steps
Step 1: Go to Site Admin->CMS and click on create new certificate, assign it a name ending with .html. For example it could be named certificate.html
Step 2: Add a HTML code with your specific design and variables you want to print (see the list of variables here). See the below example code. The variables and velocity script code are highlighted
<div style="width:800px; height:600px; padding:20px; text-align:center; border: 10px solid #787878">
<div style="width:750px; height:550px; padding:20px; text-align:center; border: 5px solid #787878">
       <span style="font-size:50px; font-weight:bold">Certificate of Completion</span>
       <br><br>
       <span style="font-size:25px"><i>This is to certify that</i></span>
       <br><br>
       <span style="font-size:30px"><b>$student.getFullName()</b></span><br/><br/>
       <span style="font-size:25px"><i>has completed the course</i></span> <br/><br/>
       <span style="font-size:30px">$course.getName()</span> <br/><br/>
       <span style="font-size:20px">with score of <b>$grade.getPoints()%</b></span> <br/><br/><br/><br/>
       <span style="font-size:25px"><i>dated</i></span><br>
      #set ($dt = $DateFormatter.getFormattedDate($grade.getAwardDate(), "MMMM dd, yyyy"))
      <span style="font-size:30px">$dt</span>
</div>
</div>

Step 3: Publish the certificate
Step 4: Edit any course in the editor, assign this certificate to the course from the properties tab.
Now open any course transcript and click on print certificate option to view how it appears. Here is the sample output for the above code.

User Interface

Custom Properties

Email Customization

Certificate Customization

 Previous
Next 

Comments

Post a Comment

Popular posts from this blog

How to add image, header, and footer in PDF | PHP FPDF Tutorial Final

Image
PHP to PDF  Final DOwnload: https://drive.google.com/drive/u/0/folders/1NSytJFuo4ahcMTPcc6MwxjyuM51l3e_5 https://drive.google.com/drive/u/0/folders/1NSytJFuo4ahcMTPcc6MwxjyuM51l3e_5 https://drive.google.com/drive/folders/1-GjvRO6OIlwLQngwe2_sQte1quEfjkTR http://www.fpdf.org/en/doc/ ///---------- https://www.elated.com/articles/create-nice-looking-pdfs-php-fpdf/ Create Nice-Looking PDFs with PHP and FPDF The PDF format can be a handy way to distribute documents to your visitors. A PDF document is self-contained, looks the same on any PDF reader, and is easy to print. PDFs are often used for reports, brochures, manuals, invoices, product data sheets, and lots more. Often it's useful to be able to create PDF documents dynamically from within a PHP script. For example, you can produce a custom PDF report based on a user's preferences and include up-to-the-minute data. In this tutorial I'll walk you through the process of c...
Read more

log in with facebook , paypal, php to pdf

Image
https://www.patreon.com/codetube Code Tube is a youtube channel that provides tutorials on jquery, bootstrap, javascript, java, php, mysql and others, we need funds to build this channel, because we also have to pay for hosting and domain to save the file to download and pay for software to make this video and others. Youtube channel (Code Tube) can be accessed at  https://www.youtube.com/c/kautubecodeghazali and we save file source code jquery or bootstrap (.zip file) at  http://kautube.com  for visitor/user download that file. Follow me: https://www.facebook.com/mycodetube/ https://plus.google.com/+kautubecodeghazali https://www.twitter.com/tghazalipidie RECENT POSTS BY CODE TUBE Code Tube Sep 29, 2017 at 2:23pm How to create Login with Google and PHP MySQL How to make Login with Google and PHP MySQL google custom login, google login api php, google plus login php Log in ...
Read more

How to make awesome stylish comment input box in PHP language for my website.

Image
In this tutorial we are creating comment input box for websites into PHP scripting language. We are storing comments directly into MySQL database so website admin can assess them using PhpMyAdmin control panel. This forms are designed with custom style CSS code that makes the input files more big and gives hover effects. So here is the complete step by step tutorial for Create PHP comment box using MySQL database and Store entered comments into DB. How to Create PHP comment box using MySQL database and Store entered comments into DB. Code for comment.php file.  <!doctype html> <html> <head> <meta charset="utf-8"> <title>Comment Box</title> <style> body{ margin:0px; font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif; } input[type=text], select { width: 100%; border-radius: 5px; margin: 7px 0; border: 1px solid #ccc; padding: 14px 18px; ...
Read more