Is there anyway to size down the barcode (html printer). I’m seen on the forum that ESC/POS is smaller, but the barcode on the html print is pretty large. I tried wrapping a div with a height parameter. No luck.
Any ideas on this? The forum isn’t yielding much for results.
No unfortunately we can’t.
I have not tried, but maybe a barcode font would work?
Pretty sure there isn’t a built-in barcode font and linking external fonts doesn’t seem to be supported
No go here
-- Styling
<link href='https://fonts.googleapis.com/css?family=Libre Barcode 39' rel='stylesheet' />
-- Address and Website
<div style="padding: 5px; text-align: Center; background-color: #000000 black; color: #ffffff; border: 1px black solid; width: 225px; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">113 E Holly St<Br/>Bellingham, WA 98226<Br />(360) 933-4301</div>
<div style="padding: 5px; text-align: Center; background-color: #ffffff black; color: #000000; border: 1px black solid; width: 225px; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">Order Online @ Horseshoecafe.com</div>
-- Spacer
<div style="width: 100%; height: 5px;"> </div>
<div style="width: 100%; height: 20px;"><span style="font-family: 'Libre Barcode 39'; font-size: 22px;">123456789</span></div>
On HTML printing mode it creates a bmp image of the barcode under windows temp folder and adds it as an image to the printing document.
It was just a thought. You have much more experience and would be able to figure it much faster than I could…if it was possible.
I’d say maybe not using built in feature and requesting via external system.
can you show your template with the barcode line please, i cant seem to get a barcode to print while using html mode on tickets
All I have is <BAR>{TICKET ID} at the bottom of my template.
[LAYOUT]
-- Address and Website
<div style="padding: 5px; text-align: Center; background-color: #000000 black; color: #ffffff; border: 1px black solid; width: 225px; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">113 E Holly St<Br/>Bellingham, WA 98226<Br />(360) 933-4301</div>
<div style="padding: 5px; text-align: Center; background-color: #ffffff black; color: #000000; border: 1px black solid; width: 225px; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">Order Online @ Horseshoecafe.com</div>
-- Spacer
<div style="width: 100%; height: 5px;"> </div>
<div style="width: 100%; height: 20px;"><span style="font-family: 'Libre Barcode 39'; font-size: 22px;">123456789</span></div>
-- Header Info Layout
<table>
<tr>
<td>
<div style="text-align:center; border: 1px black solid; font-family:'Helvetica';">
<div style="height: 10px; font-size:10px;padding:5px;">{DATE:MMM} {DATE:dd}</div>
<div style="height: 20px; font-size:14px;padding:2px;">[=Helper.GetUniqueString().substr(8,2)]:[=Helper.GetUniqueString().substr(10,2)]</div>
-- <div style="height: 20px; font-size:14px;padding:2px;">{TIME}</div>
-- <div style="height: 10px; font-size:10px;padding:5px;">{DATE:yyyy}</div>
</div>
</td>
<td>
<div style="text-align:center; border: 1px black solid; font-family:'Helvetica';">
<div style="height: 10px;font-size:10px;padding:5px;">Table</div>
<div style="height: 20px;font-size:14px;padding:2px;">{ENTITY NAME:Table}</div>
-- <div style="height: 10px;font-size:10px;padding:5px;">*icon*</div>
</div>
</td>
<td>
<div style="text-align:center; border: 1px black solid; font-family:'Helvetica';">
<div style="height: 10px;font-size:10px;padding:5px;">Ticket</div>
<div style="height: 20px;font-size:14px;padding:2px;">{TICKET NO}</div>
-- <div style="height: 10px;font-size:10px;padding:5px;">*icon*</div>
</div>
</td>
<td>
<div style="text-align:center; border: 1px black solid; font-family:'Helvetica';">
<div style="height: 10px;font-size:10px;padding:5px;">Server</div>
<div style="height: 20px;font-size:14px;padding:2px;">{ENTITY NAME:Server}</div>
-- <div style="height: 10px;font-size:10px;padding:5px;">*icon*</div>
</td>
</tr>
</table>
-- <div style="width: 100%; height: 10px;"> </div>
-- <div style="padding: 5px; text-Align: center; border: 1px black solid; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">Welcome, [='{ENTITY NAME:Customer}'==''?'Guest':'{ENTITY NAME:Customer}']</div>
-- Spacer
<div style="width: 100%; height: 10px;"> </div>
{ORDERS}
<div style="width: 100%; height: 10px;"> </div>
<div style="padding: 0px; text-Align: center; font-family:'Helvetica'; font-size:12px; font-weight:bold;line-height: 1.6em;">{TICKET QUANTITY SUM}x Items Sold</div>
{DISCOUNTS}
[<J10>Total Gift:|{ORDER STATE TOTAL:Gift}]
{SERVICES}
-- <table><tr>
-- <td width="275" align="center">___________________________________________</td>
-- </tr></table>
<J00>-------------------------------------------
<div style="font-size:14px;font-weight:bold;text-align:justify;font-family:'Helvetica'">
<table>
<tr>
<td width="200" align="left">Sub Total:</td>
<td width="55" align="right">[=F(TN('{PLAIN TOTAL}'),'0.00')]</td>
</tr>
</table>
</div>
<J00>-------------------------------------------
<table>
<tr>
<td width="200"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">Tax:</span></td>
<td width="55" align="right"><span style="text-align:right; font-family:'Helvetica'; font-size:14px;">{TAX TOTAL}</span></td>
</tr>
</table>
{PAYMENTS}
<div style="width: 100%; height: 10px;"> </div>
<div style=" background-color: #000000 black; color: #ffffff; padding: 5px; text-Align: center; border: 1px black solid; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">Thank you for Visiting the 'Shoe<br /> We'll see you next time<Br />Horseshoe Cafe Est. 1886</div>
<div style="width: 100%; height: 10px;"> </div>
<div style="padding: 5px; text-Align: left; border: 1px black solid; font-family:'Helvetica'; font-size:12px; font-weight:normal;line-height: 1.6em;">
<table>
<tr><td align=center><span style="text-align:center; font-family:'Helvetica'; font-size:14px;">*Voluntary* Health Contact Info<Br /></span></td></tr>
<tr><td><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">Name: ___________________________________</span></td></tr>
<tr><td><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">Phone: ___________________________________</span></td></tr>
<tr><td><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">E-mail: ___________________________________<Br /></span></td></tr>
<tr><td><span style="text-align:left; font-family:'Helvetica'; font-size:10px;">If we learn you may have been exposed to COVID-19 during your visit, we will only share this information with public health officials. We will not use your info for any other purpose.</span></td></tr>
</table>
</div>
<div style="width: 100%; height: 10px;"> </div>
<BAR>{TICKET ID}
[DISCOUNTS]
<table>
<tr>
<td width="200"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">{CALCULATION NAME} %{CALCULATION AMOUNT}</span></td>
<td width="55" align="right"><span style="text-align:right; font-family:'Helvetica'; font-size:14px;">{CALCULATION TOTAL}</span></td>
</tr>
</table>
[SERVICES]
-- <J10>{CALCULATION NAME}|{CALCULATION TOTAL}
[PAYMENTS]
<table>
<tr>
<td width="200"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">{PAYMENT NAME}</span></td>
<td width="55" align="right"><span style="text-align:right; font-family:'Helvetica'; font-size:14px;">{PAYMENT AMOUNT}</span></td>
</tr>
</table>
[ORDERS]
<table>
<tr>
<td width="25"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">- {QUANTITY}</span></td>
<td width="200"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">{NAME}</span></td>
<td width="30" align="right"><span style="text-align:right; font-family:'Helvetica'; font-size:14px;">{TOTAL PRICE}</span></td>
</tr>
{ORDER TAGS}
</table>
[ORDERS:Gift]
-- Format for gifted orders
<table>
<tr>
<td width="25"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">- {QUANTITY}</span></td>
<td width="200"><span style="text-align:left; font-family:'Helvetica'; font-size:14px;">**COMP** {NAME}</span></td>
<td width="30" align="right"><span style="text-align:right; font-family:'Helvetica'; font-size:14px;">{TOTAL PRICE}</span></td>
</tr>
{ORDER TAGS}
</table>
[ORDER TAGS]
-- Format for order tags
<tr>
<td width="25"><span style="text-align:left; font-family:'Helvetica'; font-size:12px;">***</span></td>
<td width="200"><span style="text-align:left; font-family:'Helvetica'; font-size:9px;">{ORDER TAG NAME} </span></td>
<td width="30" align="right"><span style="text-align:right; font-family:'Helvetica'; font-size:9px;">[=F(TN('{ORDER TAG PRICE}')*TN('{ORDER TAG QUANTITY}')*TN('{QUANTITY}'),'#.00')]</span></td>
</tr>
Its supported as of 4.1.18
That actually works? 
Ticket on the first post is using it. The post from Emre above explains that BAR suport was added for HTML printing, so guess so.
1 Like
Yes you can use barcode esc/pos command in html mode.
It saves an image in temp folder and then inserts it.
1 Like
I decided to implement barcode generation using Zint instead. This allows me to control the barcode generation and define sizing such as height and scaling.
4 Likes
