Rear screen view


#1

I have this computer with front and rear view. rear meaning the customers view of what they purchase and overall total appears on it. Front - pos view. I don’t know how to set it to where the rear view appears large and the total of total goods appears large. At the moment it is all in small font (12) as this appears. I would like it bigger. Any idea how to do this? I will take picture of this once I get to my shop


#2

Info of the hardware please.


#3

If your device is not a limited character supported LCD you can show what you want in rear screen.


#4

image

Is this the info for the hardware? I have on the image
am not sure if it a limited lcd


#5

image


#6

So what tutorial did you use for it?


#7

You can change font size from the display printer template.

Like this ;


#8

Can you direct me on how to get to the screen view as the one you have shown me


#9

Its HTML, just a web page, there are several templates on forum in discussions.


#10

You are already have this …

image


#11

yes, but I want to make what is in the red bar area larger that’s all.


#12

Which setup did you use? You were asked before.
Guessing based on template its same html printer method.
You just need to edit the html in the template. It will be the section where {TICKET TOTAL} is.


#13

My html template ; ( You must change images path in the template )

[LAYOUT]
<html>
<head>
<title>SambaPOS - Karoglu Market</title>

</head>
<body style="margin:0px; padding:0px; display:block">
<center>
<div style="width:99%; font-size:30px; position:absolute; top:0px; left:0px; background:black; color:#73f303; margin:0px;">
Toplam Tutar: {TICKET TOTAL}
</div>
</center>
<div style="width:99%; margin:0px; margin-top:35px;">&nbsp;</div>

<div id="orderline" style="width:99%; font-size:16px; border-top:solid 1px #BBB; padding:3px; background:blue;">
<div id="prodimg" style="width:15%; display:inline-block; vertical-align:middle;"></div>
<div id="prodqty" style="width:5%; display:inline-block; vertical-align:middle;color:#FFFFFF;">Adet</div>
<div id="prodname" style="width:45%; display:inline-block; overflow:hidden; vertical-align:middle;color:#FFFFFF;">Ürün Adı</div>
<div id="prodprice" style="width:13%; display:inline-block; text-align:right; vertical-align:middle;color:#FFFFFF;">Birim Fiyat</div>
<div id="prodamount" style="width:15%; display:inline-block; text-align:right; vertical-align:middle;color:#FFFFFF;">Tutar</div>
</div>




<div id="orders" style="background:#EEEEEE; width:99%; margin:0px; font-size:16px; font-family:calibri">{ORDERS}</div>
</body>
</html>

[ORDERS:INDEX:1]
<div id="orderline" style="width:99%; font-size:16px; border-top:solid 1px #BBB; padding:3px;">
<div id="prodimg" style="width:15%; display:inline-block; vertical-align:middle"><img src="[='{ITEM TAG:ProdImage}' !='' ? '{ITEM TAG:ProdImage}' : 'C:/Users/SAMET/Documents/SambaPOS5/image/noimage-th.jpg']">&nbsp;</div>
<div id="prodqty" style="width:5%; display:inline-block; vertical-align:middle">{QUANTITY}</div>
<div id="prodname" style="width:45%; display:inline-block; overflow:hidden; vertical-align:middle;color:#FF0000"><b>{NAME}</b></div>
<div id="prodprice" style="width:13%; display:inline-block; text-align:right; vertical-align:middle">{PRICE}</div>
<div id="prodamount" style="width:15%; display:inline-block; text-align:right; vertical-align:middle">{TOTAL AMOUNT}</div>
</div>
<div style="width:99%; text-align:left; font-size:10px;">{SORTED ORDER TAGS}</div>

[ORDERS]
<EB>
<div id="orderline" style="width:99%; font-size:16px; border-top:solid 1px #BBB; padding:3px;">
<div id="prodimg" style="width:15%; display:inline-block; vertical-align:middle"><img src="[='{ITEM TAG:ProdImage}' !='' ? '{ITEM TAG:ProdImage}' : 'C:/Users/SAMET/Documents/SambaPOS5/image/znoimage-th.jpg']">&nbsp;</div>
<div id="prodqty" style="width:5%; display:inline-block; vertical-align:middle">{QUANTITY}</div>
<div id="prodname" style="width:45%; display:inline-block; overflow:hidden; vertical-align:middle">{NAME}</div>
<div id="prodprice" style="width:13%; display:inline-block; text-align:right; vertical-align:middle">{PRICE}</div>
<div id="prodamount" style="width:15%; display:inline-block; text-align:right; vertical-align:middle">{TOTAL AMOUNT}</div>
</div>
<DB>
<div style="width:99%; text-align:left; font-size:10px;">{SORTED ORDER TAGS}</div>

[SORTED ORDER TAGS]
<div id="ordertags" style="width:99%; color:#0000FF">
<div style="width:15%; display:inline-block; vertical-align:middle">&nbsp;</div>
<div style="width:1%; display:inline-block; padding-left:35px; padding-right:3px; vertical-align:middle">{ORDER TAG QUANTITY}</div>
<div style="width:35%; display:inline-block; overflow:hidden; vertical-align:middle">{ORDER TAG NAME}</div>
<div style="width:1%; display:inline-block; vertical-align:middle">{ORDER TAG PRICE}</div>
<div style="width:15%; display:inline-block; text-align:right; vertical-align:middle">[=F(TN('{ORDER TAG QUANTITY}')*TN('{ORDER TAG PRICE}'))]</div>
</div>```

#14

Yes I was asked about the setup and I saw that, I didn’t ignore on purpose, and I do not know about the setup because someone else did it and are not able to do much more. I hadn’t realized it is going to be quite detailed to sort this out. I will try look through the section you have sent me. Thank you


#15

Its only pretty basic HTML, if you know nothing about HTML you may struggle to do yourself without doing some research/learning first.
The curly tags are like a mail merge from samba with HTML to layout and format the page.

If you have same template as Serhatoglu posted the red section is this bit;;

<center>
<div style="width:99%; font-size:30px; position:absolute; top:0px; left:0px; background:black; color:#73f303; margin:0px;">
Toplam Tutar: {TICKET TOTAL}
</div>
</center>

Font size is pretty obvious.