ARI Soft - Change the generated PDF Certificate

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Quiz

Change the generated PDF Certificate

(1 viewing) (1) Guest

component

Page: 123 4

TOPIC: Change the generated PDF Certificate

Forum Tools

#56939

Re:Change the generated PDF Certificate 8 Years, 9 Months ago Karma: 0

admin wrote:
Use absolute (or relative) positions for text elements. HTML code will look like:

Code:



{@doc_format:landscape}

<div style="position:relative;width:800px;height:563px;background-image: url(images/cert.jpg);background-size: contain;">

  <div style="position:absolute;top:250px;left:450px;font-weight:bold;font-size:2em;">{$UserName}</div>

</div>

Regards,
ARI Soft

When i paste this code the certificate is inside the content. When i click Certificate button is going to generate the PDF of that?

niki

The administrator has disabled public write access.

#56940

Re:Change the generated PDF Certificate 8 Years, 9 Months ago	Karma: 0
Nevermind i found it Certificate successful template

niki

The administrator has disabled public write access.

#57852

Re:Change the generated PDF Certificate 8 Years, 5 Months ago Karma: 0

I did everything you told me. I make the code I put the photo of the certificate but when i generate the certificate is broken. Can you tell me which pdf generator ari quiz is using? Where i can change the settings for that?

This is the code i'm using:

Code:

<div style="position: relative; width: 800px; height: 1000px; background-image: url('images/cert/certificate.jpg'); background-size: contain;">

<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>

and my certificate.jpg is 2500 x 3300 px

I can send you the pdf ari quiz is generating on PM

niki

Last Edit: 2016/06/17 19:38 By niki.

The administrator has disabled public write access.

#57853

Re:Change the generated PDF Certificate 8 Years, 5 Months ago	Karma: 0
I send you all the info on your email.

niki

The administrator has disabled public write access.

#57854

Re:Change the generated PDF Certificate 8 Years, 5 Months ago	Karma: 0
Did you check the email i send you? I really need your help with this Thanks

niki

The administrator has disabled public write access.

#57855

Re:Change the generated PDF Certificate 8 Years, 5 Months ago Karma: 760

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

admin

The administrator has disabled public write access.

Page: 123 4

Useful Links