Template help please

How can I make this look better?

HTML TEMPLATE

I would like to add a line between server - table, and orders.

I would like to add a line above the word THANK YOU.

Remove the extra line at the bottom.

Don’t quite understand what you asking and even harder when can’t see whole template…

There are 2 lines under thank you. I only want one. It has something to do with an entity.

Also I want a line separating orders from server and table name

[LAYOUT]
-- General layout
<div style="margin:0 0 5 0;border:0 0 1 0;border-color:black">
<div style="text-align:center;font-size:18;font-weight:bold;margin:0 0 5 0">
Receipt
</div>
<div style="text-align:center;font-size:12;font-weight:bold;margin:0 0 5 0">
Kennel Club Steakhouse<br/>Batesville, MS
</div>
<div align=left>Date: {TICKET DATE}</div>
<div align=left>Time: {TIME}</div>
<div align=left>Ticket No: {TICKET NO}</div>
[<table>
<tr>
<td width="14*" align=left>Server: {USER NAME}</td><td width="6*" align=right>{ENTITIES}</td>
</tr>
</table>]
<div style="text-align:center;font-size:12;margin:0 0 5 0">{DEPARTMENT}</div>

-- <div style="left;font-size:12;font-weight:bold;margin:0 0 5 0">Server: {USER NAME}</div>
-- <div style="left;font-size:12;font-weight:bold;margin:0 0 5 0">{DEPARTMENT}</div>
-- {ENTITIES}
-- <div style="margin:0 0 5 0">Ticket No: {TICKET NO}</div>
-- <div style="margin:0 0 5 0">Server: {USER NAME}</div>

<br>
<table width=200>
{ORDERS}
</table>
<div style="font-weight:bold;margin:0 0 5 0;padding:5 0 5 0;border:1 0 1 0;border-color:black">
[<table>
<tr>
<td width="14*" align=left>Sub Total</td><td width="6*" align=right>[[={TICKET ORDER TOTAL EXP:(ODI=True)}!={TICKET TOTAL}?'{TICKET ORDER TOTAL EXP:(ODI=True)}':'']]</td>
</tr>
</table>]
{DISCOUNTS}
[<table>
<tr>
<td width="14*" align=left>Total Gift</td><td width="6*" align=right>-{ORDER STATE TOTAL:Gift}</td>
</tr>
</table>]
{SERVICES}

[<table>
<tr>
<td width="14*" align=left>Ticket Total</td><td width="6*" align=right>{TICKET TOTAL}</td>
</tr>
<tr>
<td width="14*" align=left>Payment Total</td><td width="6*" align=right>[[={PAYMENT TOTAL}>0?'{PAYMENT TOTAL}':'']]</td>
</tr>
</table>]

<table style="font-size:16">
<tr>
<td width="14*" align=left>Payment Due</td><td width="6*" align=right>{REMAINING TOTAL}</td>
</tr>
</table>

<div align=center style="border:0 0 1 0;border-color:black;padding:15 0 5 0">[={PAYMENT TOTAL}>0?'PAYMENTS':'']</div>

-- font size for cash
<div style="left;font-size:14;font-weight:bold;margin:0 0 5 0">
<table>
{PAYMENTS}
</table>
</div>

<div align=center>T H A N K Y O U</div>

[DISCOUNTS]
<table>
<tr>
<td width="14*" align=left>{CALCULATION NAME} %{CALCULATION AMOUNT}</td>
<td width="6*" align=right>{CALCULATION TOTAL}</td>
</tr>
</table>

[SERVICES]
<table>
<tr>
<td width="14*" align=left>{CALCULATION NAME}</td>
<td width="6*" align=right>{CALCULATION TOTAL}</td>
</tr>
</table>

[PAYMENTS]
<tr>
<td width="14*" align=left>{PAYMENT NAME}</td>
<td width="6*" align=right>{PAYMENT AMOUNT}</td>
</tr>

[ORDERS]
-- Default format for orders
<tr>
<td width="2*" align=left>{QUANTITY} </td>
<td width="14*">{NAME}</td>
<td width="4*" align=right>{TOTAL AMOUNT}</td>
</tr>
<tr>
<td colspan=3>
{ORDER TAGS}
</td>
</tr>
[ORDERS:Gift]
-- Format for gifted orders
<tr>
<td width="2*" align=left>{QUANTITY} </td>
<td width="14*">{NAME} (Gift) </td>
<td width="4*" align=right>{TOTAL AMOUNT}</td>
</tr>
<tr>
<td colspan=3>
{ORDER TAGS}
</td>
</tr>
[ORDERS:Void]
-- Nothing will print for void lines

[ORDER TAGS]
-- Format for order tags
<div style="padding:0 0 0 30">* [={ORDER TAG QUANTITY}>1?'{ORDER TAG QUANTITY} X ':'']{ORDER TAG NAME} [({ORDER TAG TOTAL PRICE})]</div>

[ENTITIES:Table]
-- Table entity format
<div style="left;font-size:12;font-weight:bold;margin:0 0 5 0">Table: {ENTITY NAME}</div>

[ENTITIES:Customer]
-- Customer entity format
<div>Customer: {ENTITY NAME} {ENTITY DATA:Phone}</div>

Your HTML is not valid - there are some <div> tags that haven’t been closed. I haven’t went through the whole HTML however for a start, the opening

<div style="margin:0 0 5 0;border:0 0 1 0;border-color:black">

has not been closed anywhere.

Since there is no borders after the “THANK YOU” line, it will be likely you have 2 <div> tags that need to be closed at the end, and also those likely have bottom borders on them, causing the 2 lines.

2 Likes

Well this simply came from the built in html template. I just changed the names.

I got it.
176)%20-%20Connected%20-%20DameWare%20Mini%20Remote%20Control%20-%20%5B1%5D
However. not sure how to properly insert code into this page.

[LAYOUT]
<br>
-- General layout
<div style="margin:0 0 5 0;border:0 0 1 0;border-color:black">
<div style="text-align:center;font-size:18;font-weight:bold;margin:0 0 5 0">
Receipt
</div>
<div style="text-align:center;font-size:14;font-weight:bold;margin:0 0 5 0">
Kennel Club Steakhouse<br/>Batesville, MS
</div>
<br>
<div align=left>Date: {TICKET DATE}</div>
<div align=left>Time: {TIME}</div>
<div align=left>Ticket No: {TICKET NO}</div>
<table style="font-size:12">
<tr>
<td width="14*" align=left>Server: {USER NAME}</td><td width="14*" align=right>{ENTITIES}</td>
</tr>
</table>
<br>
</div>

</div>

<table width=200>
{ORDERS}
</table>

<div style="font-weight:bold;margin:0 0 5 0;padding:5 0 5 0;border:1 0 1 0;border-color:black">
[<table>
<tr>
<td width="14*" align=left>Sub Total</td><td width="6*" align=right>[[={TICKET ORDER TOTAL EXP:(ODI=True)}!={TICKET TOTAL}?'{TICKET ORDER TOTAL EXP:(ODI=True)}':'']]</td>
</tr>
</table>]
{DISCOUNTS}
[<table>
<tr>
<td width="14*" align=left>Total Gift</td><td width="6*" align=right>-{ORDER STATE TOTAL:Gift}</td>
</tr>
</table>]
{SERVICES}

[<table>
<tr>
<td width="14*" align=left>Ticket Total</td><td width="6*" align=right>{TICKET TOTAL}</td>
</tr>
<tr>
<td width="14*" align=left>Payment Total</td><td width="6*" align=right>[[={PAYMENT TOTAL}>0?'{PAYMENT TOTAL}':'']]</td>
</tr>
</table>]

<table style="font-size:16">
<tr>
<td width="14*" align=left>Payment Due</td><td width="6*" align=right>{REMAINING TOTAL}</td>
</tr>
</table>

<div align=center style="border:0 0 1 0;border-color:black;padding:15 0 5 0">[={PAYMENT TOTAL}>0?'PAYMENTS':'']</div>

<table>
{PAYMENTS}
</table>

-- Thank You Area --

</div>
<div style="font-size:12px;text-align:center">T H A N K Y O U</div>

[DISCOUNTS]
<table>
<tr>
<td width="14*" align=right>{CALCULATION NAME} %{CALCULATION AMOUNT}</td>
<td width="6*" align=right>{CALCULATION TOTAL}</td>
</tr>
</table>

[SERVICES]
<table>
<tr>
<td width="14*" align=right>{CALCULATION NAME}</td>
<td width="6*" align=right>{CALCULATION TOTAL}</td>
</tr>
</table>

[PAYMENTS]
<tr>
<font size="3">
<td width="14*">{PAYMENT NAME}</td>
<td width="6*" align=right>{PAYMENT AMOUNT}</td>
</font>
</tr>

[ORDERS]
-- Default format for orders
<tr>
<font size="3">
<td width="2*" align=right>{QUANTITY} </td>
<td width="14*">{NAME}</td>
<td width="4*" align=right>{TOTAL AMOUNT}</td>
</font>
</tr>
<tr>
<td colspan=3>
{ORDER TAGS}
</td>
</tr>
[ORDERS:Gift]
-- Format for gifted orders
<tr>
<td width="2*" align=right>{QUANTITY} </td>
<td width="14*">{NAME} (Gift) </td>
<td width="4*" align=right>{TOTAL AMOUNT}</td>
</tr>
<tr>
<td colspan=3>
{ORDER TAGS}
</td>
</tr>
[ORDERS:Void]
-- Nothing will print for void lines

[ORDER TAGS]
-- Format for order tags
<div style="padding:0 0 0 30">* [={ORDER TAG QUANTITY}>1?'{ORDER TAG QUANTITY} X ':'']{ORDER TAG NAME} [({ORDER TAG TOTAL PRICE})]</div>

[ENTITIES:Table]
-- Table entity format
<div align=right>Table: {ENTITY NAME}</div>

[ENTITIES:Customer]
-- Customer entity format
<div>Customer: {ENTITY NAME} {ENTITY DATA:Phone}</div>

It’s ok I fixed it for you.

You can either highlight the code and click on the </> icon in the toolbar, or you can add 3 ` characters before and after your code block, like this:

image

displays like:

Code goes here