admin wrote:
The extension uses DOM PDF library and it doesn't support background-size CSS property. Resize the image to 814x1055 size and use the following HTML code for the template:
Code: |
{@doc_format:portrait}
<style>@page { margin: 0px; }</style>
<div style="position: relative; width: 814px; height: 1055px; background-image: url('images/cert/certificate.jpg'); background-repeat:no-repeat;">
<div style="position: absolute; top: 360px; left: 300px; font-weight: bold; font-size: 2em;">{$UserName}</div>
<div style="position: absolute; top: 530px; left: 300px; font-weight: bold; font-size: 2em;">{$QuizName}</div>
<div style="position: absolute; top: 612px; left: 140px; font-weight: bold; font-size: 2em;">{$EndDate}</div>
<div style="position: absolute; top: 675px; left: 265px; font-weight: bold; font-size: 2em;">{$StatisticsInfoId}000</div>
</div>
|
Regards,
ARI Soft
We just saw we have problem with that code. The names are different positions on all the certificates. For example one name is 2 words other one are 4 so the name are align always to the left... Can you tell me how to make the name center?
{$UserName}
{$QuizName}
to be center
I try changing the left to center but is not working
Thanks