Discussion about developing the ProcessMaker application and suggestions for improving it

Moderator: amosbatto

By azirol
#825693
Hi,
I need help on html codes which i bad of it.

i've make an output document (below image) but really difficult to make the line/item in current lane. as you can see the "total" is not following the same line of "date" when it has more the 2 lines of the "propose" column.

this is output document html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style30 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12; }
.style36 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12; color: #FFFFFF; font-weight: bold; }
.style37 {color: #FFFFFF; font-weight: bold; }
-->
</style>
</head>

<body>
<p align="left"><font face="trebuchet ms,geneva,sans-serif" size="2">XMT STAFF CLAIM REPORT </font><br /><font face="trebuchet ms,geneva,sans-serif" size="2"> (CASE No : @#APP_NUMBER)</font></p>
<table style="width: 1080px;" border="0">
<tbody>
<tr>
<td width="538" bgcolor="#cccccc"><font face="trebuchet ms,geneva,sans-serif" size="2">Employee Name: @#EmployeeName</font></td>
<td width="940" bgcolor="#cccccc"><font face="trebuchet ms,geneva,sans-serif" size="2">Employee No:&nbsp;@#EmployeePhone</font></td>
</tr>
<tr>
<td bgcolor="#cccccc"><font face="trebuchet ms,geneva,sans-serif" size="2">Department : @#EmployeeDepartment</font></td>
<td bgcolor="#cccccc"><font face="trebuchet ms,geneva,sans-serif" size="2">Date :&nbsp;@#datetimeVar</font></td>
</tr>
</tbody>
</table>
<p></p>
<table style="border-color: #999999; width: 1080px;" border="0">
<tbody>
<tr>
<td width="133" bgcolor="#000000" bordercolor="#000000"><span class="style36">Date</span></td>
<td width="110" bgcolor="#000000" bordercolor="#000000"><span class="style36">Category</span></td>
<td width="829" bgcolor="#000000" bordercolor="#000000"><span class="style36">Purpose</span></td>
<td width="65" bgcolor="#000000" bordercolor="#000000">
<div align="center" class="style37"><font face="trebuchet ms,geneva,sans-serif" size="2"><span class="style30">Total</span></font></div>
</td>
<td width="61" bgcolor="#000000" bordercolor="#000000">
<div align="center" class="style37"><font face="trebuchet ms,geneva,sans-serif" size="2"><span class="style30">M.Car</span></font></div>
</td>
<td width="75" bgcolor="#000000" bordercolor="#000000">
<div align="center" class="style37"><font face="trebuchet ms,geneva,sans-serif" size="2"><span class="style30">M.Motor</span></font></div>
</td>
<td width="40" bgcolor="#000000" bordercolor="#000000">
<div align="center" class="style37"><font face="trebuchet ms,geneva,sans-serif" size="2"><span class="style30">Toll</span></font></div>
</td>
<td width="65" bgcolor="#000000" bordercolor="#000000">
<div align="center" class="style37"><font face="trebuchet ms,geneva,sans-serif" size="2"><span class="style30">S.Allow</span></font></div>
</td>
<td width="70" bgcolor="#000000" bordercolor="#000000">
<div align="center" class="style37"><font face="trebuchet ms,geneva,sans-serif" size="2"><span class="style30">G.Total </span></font></div>
</td>
</tr>
<tr>
<td align="left" height="42" valign="top" bgcolor="#e8ffff" bordercolor="#000000"><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@#datetime0000000001</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></td>
<td align="left" valign="top" bgcolor="#e8ffff" bordercolor="#000000"><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@#category</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></td>
<td align="left" valign="top" bgcolor="#e8ffff" bordercolor="#000000"><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@#text0000000001</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></td>
<td align="right" valign="top" bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@#total</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></div>
</td>
<td align="right" valign="top" bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1">@#mileage</font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></div>
</td>
<td align="right" valign="top" bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: transparent; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@#MileageMotor</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></div>
</td>
<td align="right" valign="top" bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1">@#total</font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></div>
</td>
<td align="right" valign="top" bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1">@#sa</font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></div>
</td>
<td align="right" valign="top" bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&gt;Expenses</span></font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1">@#total</font><br style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;" /><font face="trebuchet ms,geneva,sans-serif" size="1" style="background-color: transparent; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; color: #000000; cursor: text; font-family: trebuchet ms,geneva,sans-serif; font-size: 13.33px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; border-width: 0px; border-color: #000000; border-style: none; margin: 0px;"><span style="display: inline !important; float: none; background-color: #e8ffff; color: #000000; cursor: text; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">@&lt;Expenses</span></font></div>
</td>
</tr>
<tr>
<td bgcolor="#e8ffff" bordercolor="#000000">&nbsp;</td>
<td bgcolor="#e8ffff" bordercolor="#000000">&nbsp;</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="right"><font face="trebuchet ms,geneva,sans-serif" size="1">Total Amount (RM)</font></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1">@#textVar002</font></div>
</td>
</tr>
<tr>
<td bgcolor="#e8ffff" bordercolor="#000000">&nbsp;</td>
<td bgcolor="#e8ffff" bordercolor="#000000">&nbsp;</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="right"><font face="trebuchet ms,geneva,sans-serif" size="1">Advance Amount (RM)</font></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1">@#textVar003</font></div>
</td>
</tr>
<tr>
<td bgcolor="#e8ffff" bordercolor="#000000">&nbsp;</td>
<td bgcolor="#e8ffff" bordercolor="#000000">&nbsp;</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="right"><font face="trebuchet ms,geneva,sans-serif" size="1">Balance Amount Due (RM)</font></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"></div>
</td>
<td bgcolor="#e8ffff" bordercolor="#000000">
<div align="center"><font face="trebuchet ms,geneva,sans-serif" size="1">@#textVar005</font></div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

i've attached the output image as well.

Thanks
Attachments
(417.48 KiB) Downloaded 6 times
output doc sample.png
output doc sample.png (50.42 KiB) Viewed 103 times
mysqli_free_result() error

Hello good afternoon I am having the same problem[…]

Thanks!

Hi, This user API https://wiki.processmaker.com/[…]

display pdf in panel control

Is there any solution?