chamilo / chamilo-lms

Chamilo is a learning management system focused on ease of use and accessibility
https://chamilo.org
GNU General Public License v3.0
810 stars 481 forks source link

Certificates are created in two ways #3450

Open lonesomewalker opened 4 years ago

lonesomewalker commented 4 years ago

Describe When adding a custom certificate to the assessments tool, the certificate preview shows all CSS styles and integrated graphics. However, if you click on export certificate as pdf, you get a PDF without formats, graphics, only plain text.

To Reproduce Created a course at 11.chamilo.org: https://11.chamilo.org/courses/CERTIFICATETEST/index.php (ewwww, the new QR code library havocs, also visible in https://11.chamilo.org/main/gradebook/my_certificates.php )

Expected behavior Certificate should always look the same, no matter if previewed, viewed or exported as pdf.

**Server Chamilo 1.11.10

ywarnier commented 4 years ago

QR code issue fixed on 11.chamilo.org The PDF certificate is broken on dev portals. Do you have an example on another portal somewhere? (a screenshot)

lonesomewalker commented 4 years ago

Will check tomorrow on our dev (in aprox. 8h).

ywarnier commented 4 years ago

on your dev you will need a composer update for the qr thing

ywarnier commented 4 years ago

Is this resolved?

lonesomewalker commented 2 years ago

Follow up to this: When using certificates, you can create individual ones in every course and they are generated the RIGHT way.

When visiting the list view of all certificates related to a course in the gradebook, Chamilo uses: main/template/default/gradebook/custom_certificate.tpl instead of the custom one related to the course...

Using main/template/overrides/gradebook/custom_certificate.tpl works, however the variables from the course are not passed on to this, means the generated certificates still have the placeholders in it.

Investigating further...

SamMaesschalck commented 9 months ago

Any update on this? It is still the case on our 1.11.26 build. We're using HTML code to create the certificate, and it loses all formatting but the images and QR code are still displayed fine.

Displayed certificate:

image

PDF generated certificate:

image

jgnosolored commented 9 months ago

Hello @SamMaesschalck have you tried using Chamilo's custom certificate? It is available as a plugin https://github.com/chamilo/chamilo-lms/tree/1.11.x/plugin/customcertificate and at https://github.com/chamilo/chamilo-lms/releases/tag/v1.11.26

SamMaesschalck commented 9 months ago

Hi @jgnosolored. The tool seems to do much more than we need for now. It doesn't play well with our HTML code and generates two pages even when empty. There is also an artefact, "hljs.initHighlightingOnLoad()".

Do I need to be aware of any limitations within Chamilo's PDF generator? I based the certificate on the HTML code of the default Chamilo one (i.e. I added no custom content to it). Our system seems to have trouble exporting the default certificate to PDF

SamMaesschalck commented 8 months ago

We reworked our certificate to be formatted using only tables, and that keeps the layout reasonably close to the HTML output (still not perfect). The sizing especially seems to be off compared to the HTML. The version of mPDF used seems not to like quite a few CSS attributes.