Documentation:

Example

BUSSINESS NAME

1234 Main Street

Suite 567

City Name, State 54321

123-456-7890

******************************************

1xChiken Soup $45.00
2xTomato Soup $15.00
1xCrispy Chiken $30.00
1xMineral Water $1.00
2xIce Tea $3.00
1xLemon Juice $7.00
1xMango Juice $7.00

= = = = = = = = = = = = = = = = = = = = =

TOTAL AMOUNT $108.00

= = = = = = = = = = = = = = = = = = = = =

CASH $200.00
CHANGE $92.00

******************************************

THANK YOU

******************************************

Description

Attention! Each cash receipt is compiled individually and for each cash register separately.
In this example, the check is set to a ribbon width of 80mm.

1. Run the program in the Release folder "PrintDocumensWebSite.EXE"
2. Make settings
3. Customize your html template for print test OR you can click "send to print"

PrintReceiptContent - Container containing print data

br or /p> - Line break

font-weight:bold; - Text-only, makes the font bold

text-align: right or center; - Positioning an object on the ribbon

width - Photo only, photo width

float:right - Only for "span" - text position on the right

Code

<script>
		function SendPrintCashReceipt() {
			var ws = new WebSocket("ws://127.0.0.1:1989/");
			ws.onopen = function () {
				ws.send($('#PrintReceiptContent').html());
			};
			return true;
		}
    </script>
<div id="PrintReceiptContent">
	<Img style="width: 250px;" src="URL_IMG" />
	<br />
	<p style="font-size: 18px; font-weight:bold; text-align:center;">BUSSINESS NAME</p>
	<br />
	<p style="text-align:center; font-size: 14px;">1234 Main Street</p>
	<p style="text-align:center; font-size: 14px;">Suite 567</p>
	<p style="text-align:center; font-size: 14px;">City Name, State 54321</p>
	<p style="text-align:center; font-size: 14px;">123-456-7890</p>
	<br />
	<p>******************************************</p>	
	<p style="font-size: 12px;">
		1xChiken Soup <span style="float: right;">$45.00</span><br />
		2xTomato Soup <span style="float: right;">$15.00</span><br />
		1xCrispy Chiken <span style="float: right;">$30.00</span><br />
		1xMineral Water <span style="float: right;">$1.00</span><br />
		2xIce Tea <span style="float: right;">$3.00</span><br />
		1xLemon Juice <span style="float: right;">$7.00</span><br />
		1xMango Juice <span style="float: right;">$7.00</span><br />
	</p>
	<p>= = = = = = = = = = = = = = = = = = = = = </p>
	<p style="font-size: 18px; font-weight:bold;">
		TOTAL AMOUNT <span style="float: right;">$108.00</span><br />
	</p>
	<p>= = = = = = = = = = = = = = = = = = = = = </p>
	<p>
		CASH <span style="float: right;">$200.00</span><br />
		CHANGE <span style="float: right;">$92.00</span><br />
	</p>
	<br/>
	<p>******************************************</p>	
	<br />
	<p style="font-size: 18px; font-weight:bold; text-align:center;">THANK YOU</p>
	<br />
	<br />
	<p>******************************************</p>	
	<br/>
	<br /><br />
	<div style="text-align: center;">
		<img src="URL_IMG" style="width:95px; text-align:center;" />
	</div>
</div>