Originally posted by yubrajkafle
View Post
Announcement
Collapse
No announcement yet.
Sales order templetes modification
Collapse
X
-
try this, this should be easy to achieve:
HTML Code:<table class="table table-bordered" style="line-height: 1.36; background-color: rgb(255, 255, 255);"> <tbody> <tr> <td width="50%"> <p><span style="font-size: 18px;">Company Name</span></p> <p> <span style="font-size: 12px;">{{accountName}}</span><br> <span style="font-size: 12px;">{{{billingAddressStreet}}}</span><br> <span style="font-size: 12px;">{{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}</span><br> <span style="font-size: 12px;">{{billingAddressCountry}}<br></span><span style="font-size: 18px;"><br></span> </p> </td> <td width="50%"> <p style="text-align: right;"><span style="color: rgb(156, 156, 148); font-size: 18px; line-height: 24.4799995422363px;">Sales Order</span></p> <p></p> <div style="text-align: right;"><span style="font-size: 12px; line-height: 24.4799995422363px; color: rgb(0, 0, 0);">Date: {{dateOrdered}}</span></div> <br> <p></p> </td> </tr> </tbody> </table> <p><span style="font-size: 18px; line-height: 32.6399993896484px;">{{name}}</span></p> <p> <span style="font-size: 18px; line-height: 32.6399993896484px;"><br></span> </p> <p>Currency: {{amountCurrency}}</p> <table border="0.5pt" cellpadding="2" class="table table-bordered"> <tbody> <tr> <th width="5%" align="left">#</th> <th width="37%" align="left">Name</th> <th width="8%" align="left">Qty</th> <th width="16%" align="left">List Price</th> <th width="16%" align="left">Unit Price</th> <th width="16%">Amount</th> </tr> <!-- {{#each itemList}} --> <tr> <td style="border: none;">{{order}}</td> <td style="border: none;">{{name}}</td> <td style="border: none;">{{quantity}}</td> <td style="border: none;" align="right">{{listPrice}}</td> <td style="border: none;" align="right">{{unitPrice}}</td> <td style="border: none;" align="right">{{amount}}</td> </tr> <!-- {{#if description}} --> <tr> <td style="border: none;" colspan="7">{{{description}}}</td> </tr> <!-- {{/if}} --> <!-- {{/each}} --> <tr> <td style="border: none;" colspan="7"></td> </tr> <tr> <td style="border: none;" colspan="4"></td> <td colspan="2"> <table border="0.5pt" class="table table-bordered"> <tbody> <tr> <td colspan="2" align="right">Pre-Discounted Amount</td> <td colspan="1" align="right">{{preDiscountedAmount}}</td> </tr> <tr> <td colspan="2" align="right">Discount Amount</td> <td colspan="1" align="right">{{discountAmount}}</td> </tr> <tr> <td colspan="2" align="right">Amount</td> <td colspan="1" align="right">{{amount}}</td> </tr> <tr> <td colspan="2" align="right">Tax Amount</td> <td colspan="1" align="right">{{taxAmount}}</td> </tr> <tr> <td colspan="2" align="right">Shipping Cost</td> <td colspan="1" align="right">{{shippingCost}}</td> </tr> <tr> <td colspan="2" align="right">Grand Total Amount</td> <td colspan="1" align="right"><b>{{grandTotalAmount}}</b></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <p><br></p> <p align="center">Thank you for your business.</p>
Leave a comment:
-
<table style="line-height: 1.36; width: 100%;">
<tbody>
<tr>
<td style="width: 50%; vertical-align: top;">
<p><span style="font-size: 1.4em;">Company Name</span></p>
<p><br></p>
<p>
{{accountName}}
</p>
<p>
{{{billingAddressStreet}}}
<br>
{{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}<br>{{billingAddressCo untry}}
</p>
</td>
<td style="width: 50%; vertical-align: top; text-align: right;">
<p><span style="font-size: 1.2em;">Sales Order</span></p>
<p>Date: {{dateOrdered}}</p>
</td>
</tr>
</tbody>
</table>
<p><span style="font-size: 1.2em;">{{name}}</span></p>
<p>Currency: {{amountCurrency}}</p>
<table style="border: 0.5pt; border-spacing: 0; border-collapse: collapse; width: 100%;" cellpadding="2" border="0.5pt">
<tbody>
<tr>
<th width="5%" align="left">#</th>
<th width="37%" align="left">Name</th>
<th width="8%" align="left">Qty</th>
<th width="16%" align="left">List Price</th>
<th width="16%" align="left">Unit Price</th>
<th width="16%" align="left">Amount</th>
</tr>
<!-- {{#each itemList}} --> <tr>
<td>{{order}}</td>
<td>{{name}}</td>
<td>{{quantity}}</td>
<td align="right">{{listPrice}}</td>
<td align="right">{{unitPrice}}</td>
<td align="right">{{amount}}</td>
</tr>
<!-- {{#if description}} -->
<tr><td colspan="6">{{{description}}}</td></tr>
<!-- {{/if}} -->
<!-- {{/each}} --> <tr>
<td colspan="6"> </td>
</tr>
<tr>
<td colspan="5" align="right">Pre-Discounted Amount</td>
<td align="right">{{preDiscountedAmount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Discount Amount</td>
<td align="right">{{discountAmount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Amount</td>
<td align="right">{{amount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Tax Amount</td>
<td align="right">{{taxAmount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Shipping Cost</td>
<td align="right">{{shippingCost}}</td>
</tr>
<tr>
<td colspan="5" align="right">Grand Total Amount</td>
<td align="right"><b>{{grandTotalAmount}}</b></td>
</tr>
</tbody>
</table>
<p><br></p>
<p align="center">Thank you for your business.</p>
this is the default code .
Leave a comment:
-
Sales order templetes modification
Hello team,
I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.
I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.
Thank you for your attention to this matter.
Tags: None
Leave a comment: