You are here: POS Screen Setup > Buttons

Buttons

Button Size

Buttons can vary in size between four different combinations.

When you select a button, there are two checkboxes that will determine the size of the designated button.

 

Button Size / Numerical Area / POS Screen Area

 

FIGURE 1:  Double Width and Double Height both disabled

 

FIGURE 2:  Double Width enabled and Double Height disabled.

 

FIGURE 3:  Double Width disabled and Double Height enabled.

 

FIGURE 4:  Double Width enabled and Double Height enabled.

 

Button Appearance

When creating buttons for the POS Screen, regardless of the function selected for the button, you will be able customise it however you like.

When a button has been selected, the middle-left of the screen will show a “Button Appearance” area.

A preview of what the button will look like is displayed within this area.

 

FIGURE 5:  An example of the Button Appearance section that appears when creating and configuring a button.
The left-hand side of the Button Appearance section shows a preview of how the button will appear.

 

Button Caption

This section will generally be filled in automatically depending on the function used.

It is possible to change the caption to be whatever you wish.

Carriage Returns can also be used in a button caption to get the text in the button to move to the next line.

The character that Idealpos will treat as a Carriage Return is the tilde symbol "~".

The below is an example of the tilde symbol on a button caption.

 

FIGURE 6:  An example of the tilde symbol "~" in the Button Caption field.
When the tilde symbol is entered, any text that appears after it will appear on a new line.

 

Back Colour

This is the colour that the button is going to be.

You can select from the 48 pre-defined colours, or select an additional 16 colours using the custom colours grid.

 

FIGURE 7:  The Color selector window appears when pressing the "Back Colour" or "Text Colour" buttons.

 

Text Colour

This is the colour that the text on the button is going to be.

You can select from the 48 pre-defined colours, or select an additional 16 colours using the custom colours grid.

 

Font

This allows you to change the font of the selected button.

You can change the font, font style and size.

Each button can be unique.

Some buttons you will want to use the same style and size to allow them to stand out, buttons that link to grids and menus for example.

 

FIGURE 8:  The Font selector window appears when pressing the "Font" button.

 

Change Font Size Arrows

These two arrows allow you to change the size of the font on the selected button.

 

Visible

This checkbox determines if the button will be visible on the POS Screen.

If not selected as visible, the button will present as black background.

 

Double Width

This checkbox will make the button twice the width.

It can be used on its own or in conjunction with Double Height.

 

Double Height

This checkbox will make the button twice the height.

It can be used on its own or in conjunction with Double Width.

 

Graphic

If you want you can add a graphic to a button.

It is a good idea to decide on the button size and make the graphics you want to use the same size.

It is also a requirement to store the images in the Pictures folder of Idealpos.

The Pictures folder is typically available in the following location, but this may vary based on the Operating System:

C:\ProgramData\Idealpos Solutions\Idealpos\Pictures\

 

1024 x 768 Resolution

Standard Button Size – 110 x 52 pixels

Double Width – 223 x 52 pixels

Double Height – 111 x 105 pixels

Double Height/Width – 223 x 105 pixels

Numpad- 54 x 39 pixels

Numpad Double Width- 110 x 39 pixels

Numpad Double Height- 54 x 79 pixels

Numpad Double H/W- 110 x 79 pixels

 

1024 x 600 Resolution

Standard Button Size – 111 x 52 pixels

Double Width – 223 x 52 pixels

Double Height – 111 x 105 pixels

Double Height/Width – 223 x 105 pixels

Numpad – 54 x 39 pixels

Numpad Double Width – 110 x 39 pixels

Numpad Double Height – 54 x 79 pixels

Numpad Double H/W – 110 x 79 pixels

 

1280 x 800 Resolution

Standard Button Size – 138 x 52 pixels

Double Width – 278 x 52 pixels

Double Height – 138 x 105 pixels

Double Height/Width – 278 x 105 pixels

Numpad- 86 x 39 pixels

Numpad Double Width- 174 x 39 pixels

Numpad Double Height- 86 x 79 pixels

Numpad Double H/W- 174 x 79 pixels

 

1366 x 768 Resolution

Standard Button Size – 111 x 52 pixels

Double Width – 223 x 52 pixels

Double Height – 111 x 105 pixels

Double Height/Width – 223 x 105 pixels

Numpad – 110 x 39 pixels

Numpad Double Width – 222 x 39 pixels

Numpad Double Height – 110 x 79 pixels

Numpad Double H/W – 222 x 79 pixels

 

1920 x 1080 Resolution (sizes recorded using a POS Terminal with Windows scaling set to 125%)

Standard Button Size – 128 x 59 pixels

Double Width – 257 x 59 pixels

Double Height – 128 x 120 pixels

Double Height/Width – 257 x 120 pixels

Numpad – 127 x 58 pixels

Numpad Double Width – 256 x 58 pixels

Numpad Double Height – 127 x 118 pixels

Numpad Double H/W – 256 x 118 pixels

 

1920 x 1080 Retail Resolution (sizes recorded using a POS Terminal with Windows scaling set to 125%)

Standard Button Size – 128 x 59 pixels

Double Width – 257 x 59 pixels

Double Height – 128 x 121 pixels

Double Height/Width – 256 x 121 pixels

Numpad – 68 x 59 pixels

Numpad Double Width – 139 x 58 pixels

Numpad Double Height – 68 x 119

Numpad Double H/W – 138 x 120 pixels

 

Auto Create Grid

This function allows you to create more than one Stock Item button at a time.

It is best to decide on the buttons appearance before using this function.

If you select a range of items that is greater than the buttons available, any existing buttons will be overridden.

If the range of buttons exceeds the amount of buttons remaining on the POS Screen, the buttons will be created in the available spaces only.

The buttons will be created Top to Bottom, Left to Right from the button that you originally selected.

Any buttons to the immediate Top and Left of the selected buttons will remain.

 

To access this function, select any blank button on the POS screen grid, select the "Stock Item" function from the list of functions, then press the "Auto Create Grid" button.

 

FIGURE 9:  The "Auto Create Grid" button appears when the "Stock Item" function is selected.
Note - The "Auto Create Grid" button does not appear when using Live Button Programming.

 

The auto create grid screen will appear, which can be used to specify the criteria for creating the Stock Items on the grid.

 

FIGURE 10:  The "Auto Create Grid" window that appears after pressing the "Auto Create Grid" button.

 

Button Difference

While it may seem like a good idea to create each button a different colour with different text, it actually makes it harder to use.

Using the same colour and differentiating with shading works much better and is easier on the eyes.

 

Recommended

 

FIGURE 11:  An example of recommended button colours.

 

Not Recommended

 

FIGURE 12:  An example of non-recommended button colours.