Designing a receipt
You design a receipt to control how the information is shown on the receipt. You can also add a logo and an image to the receipt.
The size of a logo image depends on the printer. For example, on a TLP-80, the image width can be maximum 600px. There is no height limit.
Important
Remember to save often to make sure you don't lose any changes.
Note
Printing large images slows down the printing process.
The recommended logo size is 200px X 50px.
Use monochrome images, that is, black and white without any grayscales.
Tip
When you drag an element from the navigation pane and hover over the receipt, an indicator shows you where the new element is going to be added.
A blue rectangle appears around an object when it's selected.
A black line at the top of an element indicates that the new element is going to be added above the existing element.
A black line at the bottom of an element indicates that the new element is going to be added below the existing element.
A gray row indicates that the new element is going to be added on the same row as the existing element.
It's not always possible to drop an element on the same row as another element.
Start Receipt Builder.
In the Data to use area, select Data example.
The data example is now shown in the navigation pane on the Data tab.
To add a logo to the header, you have two options:
Use a custom image
Use the standard image stored in the receipt folder:
[installation folder]\resources\configurable\images\receipt\receipt_logo.png
In the navigation pane, select the Special tab.
Double-click Image and select the logo file you want to use.
Select Open to add the image to the receipt.
Select the Data tab.
To add a date to the receipt, in the navigation pane, double-click date.
To add time to the receipt, in the navigation pane, select time and drag it to the desired position in the receipt. For example, you can add it next to date on the same row. This creates a new column.
To right-align the time element do the following:
Click on the row so that a blue rectangle appears around it.
In the Properties pane, in the Column 2 section, expand Alignment and select right.
To add an empty row, open the Special tab, move to the element after which you want to add the empty row, and then double-click Empty line .
To add a table, open the Data tab. and double-click the element that contains your table.
To make the content fit into the columns, edit the column width by doing the following:
Double-click inside the table to select the table in the receipt.
Double-click the row whose columns you want to edit.
In the Properties pane, in the Width box, set the column width for the columns in percentage of the total width. That is, the sum of the widths must be 100.
If your table is based on a template, you edit the table and all receipts using that template.
Click the Back button (
), to preview the complete table.
To add a header, you can do one of the following:
Use a label for a header from the language file.
Add the header as a free text.
To add a header by using labels in a language file:
Open the Language tab.
Select Add text.
Enter a name for the language key, for example, movie_label.
In the Text column, next to the label, enter the text you want in the receipt header.
Drag the language key to the position in the receipt where you want the header.
If needed, adjust the column width.
To add a header by using a free text:
Select the row in the receipt where you want to add the header.
In the Properties pane, expand Value Type, and select FreeText.
In the Value box, enter the text you want in the header.
If needed, adjust the column width.
To add a separator between a header and a table:
Select the Special tab.
In the navigation pane, drag the Separator element to the position where you want it in the receipt.
Click the Back button (
), to preview the receipt.
To add a footer the the receipt:
Add an empty row. See above.
Double-click FreeText and enter the footer text, for example, the company name.
Double-click FreeText again to add additional information, such as the company address.
Save the receipt.