The PDF is generated from html template provided in the template section. The provided HTML should not include the html and body tags. You should only provide the content of body section in your html file that you have tested.
To substitute your data values you will need to use TP language that allows you to loop, test conditions and print out varaiables.
Example
<h1>Hello World!</h1>
<p>My name is <tp-print>name</tp-print>.</p>
<tp-if-isset>age</tp-if-isset>
I am <tp-print>age</tp-print> years old.
<tp-closeif />
Do the same as in body
Do the same as in body
If you have data that you want to use in your template use toppozi tag. If you have a specific path provide it dot seperated.
if you want to display name use the following<tp-print>name</tp-print> Prints variable value<tp-print-path>customer.name</tp-print-path> Prints variable value from given path<tp-date>'Y/m/d H:i:s'</tp-date> Prints today's date<tp-if>name<tp-equal />"string"</tp-if><tp-if-isset>name</tp-if-isset><tp-if-isarray>name</tp-if-isarray><tp-if-keyexists>name</tp-if-keyexists><tp-if-startwith>name,foo</tp-if-startwith><tp-elseif>name</tp-elseif><tp-elseif-isset>name<tp-notequal />"string"</tp-if-isset><tp-elseif-isarray>name</tp-if-isarray><tp-elseif-keyexists>name</tp-if-keyexists><tp-elseif-startwith>name,foo</tp-if-startwith><tp-else /><tp-closeif /><tp-equal /> = <tp-notequal /> != <tp-greater /> > <tp-less /> < <tp-greaterequal /> >=<tp-lessequal /> <= <tp-format-number><tp-variable>fullname</tp-variable>,2,".",","</tp-format-number><tp-toupper><tp-variable>fullname</tp-variable></tp-toupper><tp-tolower><tp-variable>fullname</tp-variable></tp-tolower><tp-upperfirst><tp-variable>fullname</tp-variable></tp-upperfirst><tp-lowerfirst><tp-variable>fullname</tp-variable></tp-lowerfirst><tp-upperfirst-word><tp-variable>fullname</tp-variable></tp-upperfirst-word><tp-date-format><tp-variable>date</tp-variable>,'Y/m/d H:i:s'</tp-date-format><tp-array>name</tp-array><tp-array-print>name</tp-array-print><tp-array-print-path>customer.name</tp-array-print-path><tp-array-if>name<tp-equal />"string"</tp-array-if><tp-array-if-isset>name<tp-notequal />"string"</tp-array-if-isset><tp-array-if-isarray>name</tp-array-if-isarray><tp-array-if-keyexists>name</tp-array-if-keyexists><tp-array-if-startwith>name,foo</tp-array-if-startwith><tp-array-elseif>name</tp-array-elseif><tp-array-elseif-isset>name<tp-notequal />"string"</tp-array-if-isset><tp-array-elseif-isarray>name</tp-array-if-isarray><tp-array-elseif-keyexists>name</tp-array-if-keyexists> check if current array item has given key<tp-array-elseif-startwith>name,foo</tp-array-if-startwith><tp-close-array /><tp-chart>ChartName</tp-chart>
[
{
"type":"line",
"name":"mygraph",
"color":"red",
"width":400,
"height":300,
"title":"Number of Apples",
"xaxistitle": "Month",
"yaxistitle": "Amount",
"showvalues": true,
"ydata":[80,72,90],
"xdata":["Jan", "Feb", "Mar"]
} ,
{
"type":"bar",
"name":"mybargraph",
"color":"red",
"width":400,
"height":300,
"title":"Number of Apples",
"xaxistitle": "Month",
"yaxistitle": "Amount",
"showvalues": true,
"ydata":[80,72,90],
"xdata":["Jan", "Feb", "Mar"]
},
{
"type":"pie",
"name":"mypiegraph",
"color":"red",
"width":400,
"height":300,
"title":"Number of Apples",
"slices":[80,72,90],
"legends":["Jan", "Feb", "Mar"]
}
]
Use following characters for date format
<p style="font-size:22;">Font test</p>