# Release 53 & Higher UI Reference

## Revision History

| Date               | Description                                                   |
| ------------------ | ------------------------------------------------------------- |
| February 19, 2020  | Initial release.                                              |
| March 11, 2020     | Fixed review comments.                                        |
| August 19, 2020    | Updated document with new features and fixed review comments. |
| January 15, 2021   | Production Release.                                           |
| September 03, 2021 | Added Impact after auto upgrade                               |
| September 28, 2021 | Added Appendix                                                |

## Release 53 and Higher Overview

## Release 53 and Higher UI Objectives

* Re-uses existing Business Logic and work-flow
* Supports existing peripherals
* Supports same application on current POS system: Ruby2, RubyCi and Topaz 410

  **Topaz 310 is NOT supported**
* Allows a mix of register types at a site
* Supports existing register limit (total 32)
* Supports existing install procedures and connectivity
* Supports new C18 POS that can be used for multiple applications based on screen orientation or position
  * Orientations: Landscape and Portrait<br>

    <figure><img src="/files/b7c3596299db92e8baf7d66a0c92305b27a9543d" alt=""><figcaption></figcaption></figure>
  * Position: Home and Flip<br>

    <figure><img src="/files/3aae57b721d9716b67f104a1264ad78d479e0441" alt=""><figcaption></figcaption></figure>

## Release Limitations

The minimum software version required to auto upgrade to Base 53 software is Base 51.14.

If the software installed is lesser than Base 51.14 then perform two auto upgrades. In the first auto upgrade, bring software version to B51.14 and then perform another auto upgrade to B53.

## UI Features

* "Flattened" design elements
* Improved Screen layout
* Improved Parked Menu
* Mobile phone style gesturing and navigation
* Introduced new C18 POS

## New C18 POS Features

* HD Display
  * 18.5" (1920 x 1080, 119PPI)
  * Multi-touch gestures
* Detachable 120-key Keyboard
* Wired Connection
* Magnetic legs grip cash drawer or mate with bracket
* Graphical Customer Display
* Two-line emulation mode (First-out)
* Existing 2-line Partner model also supported
* Smart Battery
* "Gas gauge" technology
* Charge cycle counter
* Multi-color LED Light Ring
* No MSR

## C18 Hardware Specifications

**Specifications**

* **Storage**: M.2 - 4GB
* **CPU (Intel)**: Celeron 3965U @ 2.20GHz
* **Core(s) per CPU**: 2
* **RAM**: 4 GB
* **Additional Hardware Components:** Camera, Finger Print, Gyroscope, Accelerometer, Customer Display, WiFi Support

## User Interface Changes

This chapter describes the new User Interface (UI). The software can be installed on current POS System and on the new C18 POS.

How to configures buttons on the touch screen has changed. Instead of having screens with buttons, the user can now configure panels within screens, and have as many item buttons as they want on the panels.

### Auto Upgrade to Base 53 and Higher Impact on UI

Configuration of POS touch screens in Base 52 and lower consisted of selecting a register, then selecting the screen, and finally configuring the Fuel Panel(s), User Panel(s), and the Parked Menu Panel(s). Screens could be duplicated within a register configuration, and registers could be copied to one another.

In Base 53 and higher, this process is reversed. First, configure Fuel Panel(s), User Panel(s), and Parked Menu panel(s). Then you assign the panel(s) to a screen(s) and finally assign the screen(s) to register(s).

Because of this change, buttons that were in one location on a screen in Base 52 and below may be in an entirely new location after an auto upgrade to Base 53 and higher.

{% hint style="info" %}
Refer to "Appendix" on page 56 for more information.
{% endhint %}

#### Old UI

1. Supports 11 rows.
2. First two rows are reserved for fuel even if fuel is not configured. The fuel panel has 8 columns and can support split buttons.
3. Item and parked menu panels have 7 columns.<br>

   <figure><img src="/files/ce2bd2cf272435e37320f3694a976b2c810b31b9" alt=""><figcaption></figcaption></figure>

#### New UI

1. Supports 9 rows and 7 columns (9x7) to accommodate large buttons with utility panel (default). Supports 9 rows and 10 columns (9x10) without utility panel.
2. All panels are treated equally and there is no special consideration for fuel panel. The fuel panel is not shown if not configured.
3. If screens have more than 9x7 buttons (with Utility Panel) or 9x10 (without Utility Panel), the buttons are available in next swipe able page. The fractional button of hidden row will be shown to indicate you can swipe to see the rest of the buttons.
4. For old to new UI conversion, maximum 2 rows are reserved for fuel panel, 2 for parked menu panel and rest 5 rows are reserved for item panel. The remaining rows are hidden. The panel sizes can be adjusted later with slider and rest of the screen is adjusted accordingly.
5. If there are no fuel or parked menu panels then all buttons are assigned to item panels.

![](/files/485ee940590a4c2de39147ac9d10916023ee6e2f)

![](/files/36b11f14a8f20bf9017ca375411a7be79c4b7f95)

#### Button Placement After Auto Upgrade Examples

* Old screen: 16 FP buttons (2 rows), 49 item panel buttons (7 rows), 14 parked menu buttons (2 rows).\
  New Screen: 14 FP buttons (2 rows) with one hidden row having two buttons, 35 item panel buttons (5 rows) with two hidden rows having remaining 14 buttons, 14 parked menu buttons (2 rows).
* Old screen: 16 FP buttons (2 rows), 63 item panel buttons (9 rows).\
  New Screen: 14 FP buttons (2 rows) with one hidden row having two buttons, 49 item panel buttons (7 rows) with two hidden rows having remaining 14 buttons
* Old screen: 16 FP inactive buttons (2 rows), 63 item panel buttons (9 rows).\
  New Screen: 63 item panel buttons (9 rows)

### What's New?

![](/files/26337eb77f61a49c09b989270f05a577ee7e934a)

*This feature is available only on the idle screen of existing POS, such as, Ruby2, Rubi Ci and Topaz410. Click on "What's New?" to take a tour of the new UI.*

![](/files/df7d386dcfd06352f5565fec7ee0ef3c47ef6fb7) ![](/files/6f22d713364065ec012dccad2c878822f35f6b78)

![](/files/0b594b38ad831d40eec4877dc598a5c5bd289f5c) ![](/files/7cc28d4b9e1aba80bbeabc9a8010eca475354bc2)

Click "Finish Tour" button to complete the tour of the new UI.

### Changes in Current POS UI vs New UI

#### Audio, Brightness & Screensaver Controls

#### Audio

**Current POS UI**<br>

<figure><img src="/files/627dc9ee9dadb264326ae8cdcba001b71155a5c3" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/5dc944bb73f5763f15b7791ae6a64410f91e11f0" alt="" width="563"><figcaption></figcaption></figure>

*The volume is audible when slider is moved and finger is lifted on audio control, The settings are saved when widget is closed.*

#### Brightness

![](/files/572064bd0e7d02274af7e7aa3da876ed125b385c)

**Current POS UI**\
**New UI**\
The brightness is visible when slider is moved and finger is lifted from brightness control. The settings are saved when widget is closed.<br>

<figure><img src="/files/64dc60b5c97ee02c6f0a011c8701ff2091b130eb" alt="" width="375"><figcaption></figcaption></figure>

#### Screensaver

**Current POS UI**<br>

<figure><img src="/files/7af6732168d6a04404870c192af0d009fea8453a" alt=""><figcaption></figcaption></figure>

**New UI**\
The settings are saved when widget is closed. I<br>

<figure><img src="/files/0da8265343e949c66701e82e6cf5823dbd8672df" alt="" width="563"><figcaption></figcaption></figure>

### Calculator Widget

**Current POS UI**

<img src="/files/91aebe6ea3cd1e3476f00735de6bc4fb2414ff28" alt="" width="563">

**New UI**<br>

<figure><img src="/files/535dfea754a14b4fab80a4109c3e6d29bbf9faef" alt="" width="375"><figcaption></figcaption></figure>

### Cashier Functions Menu

**Current POS UI**<br>

<figure><img src="/files/d3239739b8853d8c5ffbd315e5a84e0024b41b2e" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/ef5232edd2fb62095a08efbde4393812f97c2e9c" alt=""><figcaption></figcaption></figure>

### Daily Message Area

The daily message area is found on top of the POS screen.<br>

<figure><img src="/files/11402f5208706a405bc32d7716c863759a508ad5" alt=""><figcaption></figcaption></figure>

**Current POS UI**\
**New UI**\
The text color of daily message copy is black/white depending on the theme selected. The PIN pad messages are not shown in blue color anymore.<br>

<figure><img src="/files/4773ccb0ab4d6e9db986b0bc0c97c35646d42769" alt=""><figcaption></figcaption></figure>

#### Device Control

Access Device Control from CSR Functions > Maintenance. Current POS UI<br>

<figure><img src="/files/55070185e3356ec18b43a92392316477bacd26e1" alt=""><figcaption></figcaption></figure>

**New UI**

The following are the changes made to Device Control:

* The background is dimmed for pop-ups for baud-rate selection, help message and con-necting device. The UI elements underneath the pop-up is not accessible. The serial icon for disconnected devices are grayed out.
* The 12V button is like a ON/OFF switch. If its OFF then button is grayed out.
* Only `Help` button is active when widget is accessed and all other buttons (Reboot, Cancel, Save) are grayed out. The `Help` remains active till widget is dismissed.
* Whenever there is some change, other buttons become active.
  * On clicking Cancel, all buttons are grayed out except Help.
  * On clicking Save, all changes are saved. All buttons are grayed out except Help and Reboot.
* When the widget is dismissed, all pending changes are saved.

![](/files/fb5557eb1f88e3a3188a63654547c00de1fa403b)

**Device Control - Baud rate**

**Current POS UI**<br>

<figure><img src="/files/a3f3de4b0c983d464085be4d19c82a39b54b1178" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/c11fa3374fd1efe253ee87917b1504a544d293d3" alt=""><figcaption></figcaption></figure>

**Device Control - Help**

**Current POS UI**<br>

<figure><img src="/files/60c250623a943245cb8a18ab13b0ecf1b4dc117f" alt=""><figcaption></figcaption></figure>

**New UI**

![](/files/e11b395d3dce617488145cd510f3389e706a323f)

**Device Control - Connect Device**

**Current POS UI**<br>

<figure><img src="/files/6550ede88c864950faec2e7ac77e333e10e3763e" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/e8e15fa25baf74b1f4dedbf835e2186d2da38764" alt=""><figcaption></figcaption></figure>

#### Expanded Menu

**Current POS UI**

![](/files/1fb81808eb4f29b5134111a0d3d147652709d7a2)

\
**New UI**<br>

<figure><img src="/files/75c0d10f634d4dcf4ee2a9fa6ca8974f81e61deb" alt=""><figcaption></figcaption></figure>

*If there are more menu buttons than available widget area then partial button row on top and bottom is shown. The hidden buttons can be accessed by scrolling.*

#### Sales Screen

If there are more menu buttons than available widget area then partial button row on left and right is shown. The hidden buttons can be accessed by scrolling.

**Current POS UI**<br>

<figure><img src="/files/226b66392799235fbe06f605ce5ff3b8f40c2198" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/913e3c9d5d2e07cf1e69c03f77f0d60f121f9502" alt=""><figcaption></figcaption></figure>

#### Express Panel

The express panel is located at the bottom of the POS.

**Current POS UI**<br>

<figure><img src="/files/7d90d705d69b18d0362175e15c16bdc215690fc1" alt=""><figcaption></figcaption></figure>

**New UI**\
Icons for numeric keypad, settings, and item panel resize are on the left side. The back-ground color of buttons match with theme and the buttons look like labels.<br>

<figure><img src="/files/52b49874adb1e7edd9ce99fb77c33e13d62dd709" alt=""><figcaption></figcaption></figure>

#### Fuel Buttons

In the current POS UI, the icons on the buttons for stop pump, help requested, calling pump and drive-off blink. The amounts with + sign are for customers owing money and amounts with - sign are for money owed to customer.

| Fuel States  | Current POS UI                                                      | New UI                                                              |
| ------------ | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| OFFLINE      | <img src="/files/nRkihPJYAiUsA51KpBCX" alt="" data-size="original"> | <img src="/files/vr0nF14BPJwlkbiXtZcc" alt="" data-size="original"> |
| UNASSIGNED   | <img src="/files/UCG3fvja3RxJLxfw0M6c" alt="" data-size="original"> | <img src="/files/dJlajya53nVOaBzTJDAP" alt="" data-size="original"> |
| IDLE         | <img src="/files/j9DSxZ1yDhTo0eq5HrRB" alt="" data-size="original"> | <img src="/files/txZP229JtqGbGP1RviJ8" alt="" data-size="original"> |
| PUMP CALLING | <img src="/files/vrKVlXtN6A6iSQ0Jhsv5" alt="" data-size="original"> | <img src="/files/AdCir2X8ytxjIaa8M8Kb" alt="" data-size="original"> |
| AUTHORIZED   | <img src="/files/kzjF7eVKHpdjoEhntOOw" alt="" data-size="original"> | <img src="/files/vqE6QOJQqlloY9PtjaTo" alt="" data-size="original"> |
| DISPENSING   | <img src="/files/lgm7Vna3ic5i7kwHWz44" alt="" data-size="original"> | <img src="/files/QtqZkYFUYXz8tiNWAIWS" alt="" data-size="original"> |

| DUE | <img src="/files/fmFkbZWZne9EW4fI0jIg" alt="" data-size="original"> | <img src="/files/ndZ59Dm6kKir8p8rNpak" alt="" data-size="original"> |
| --- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |

|                   |                                                                     |                                                                     |
| ----------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| CLAIMED           | <img src="/files/LgpSqG0Q6M6ds6J4pZdn" alt="" data-size="original"> | <img src="/files/vrHiddhrC2xRPS5YEctI" alt="" data-size="original"> |
| STACKED           | <img src="/files/fIQlz45kY9TLtRSHnEzY" alt="" data-size="original"> | <img src="/files/schblmDXfQ8xwt8Taj3T" alt="" data-size="original"> |
| DRIVE OFF         | <img src="/files/2wpSjyFuXLaR2pxc8sBR" alt="" data-size="original"> | <img src="/files/g7Y4u8k5j3xl2fk9Sfjl" alt="" data-size="original"> |
| STOP              | <img src="/files/f3llkX4p62uNMJZVDxPk" alt="" data-size="original"> | <img src="/files/XP5c5WyWdrItAd8dHAYP" alt="" data-size="original"> |
| PREPAY AUTHORIZED | <img src="/files/qpaKECwYnuMpK7UT5PVq" alt="" data-size="original"> | <img src="/files/tvyTD55KwwgVfwgtuvbw" alt="" data-size="original"> |
| PREPAY DISPENSING | <img src="/files/wshHO50eUgaTCVdqrT7l" alt="" data-size="original"> | <img src="/files/GpidW7V778o45URQRb8z" alt="" data-size="original"> |
| PREPAY RESERVED   | <img src="/files/xyBkOjde8CLkHx0G4nBI" alt="" data-size="original"> | <img src="/files/2Yjd0SKiHgj7XlIvYvQG" alt="" data-size="original"> |
| UNDERRUN          | <img src="/files/3RAiXZdNeqTpFpKgPsTI" alt="" data-size="original"> | <img src="/files/7nG0bgnYNY10FS4zceBB" alt="" data-size="original"> |

|              |                                                                     |                                                                     |
| ------------ | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| DCR CALLING  | <img src="/files/dB87ArQQUus7KrtBFVF5" alt="" data-size="original"> | <img src="/files/yDnuYBmGjELP0yYUKOeG" alt="" data-size="original"> |
| DCR APPROVED | <img src="/files/ybOeW1nc2oKs35am7nWs" alt="" data-size="original"> | <img src="/files/bISBZ1nApMozkhkprQm3" alt="" data-size="original"> |

|                |                                                                     |                                                                     |
| -------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| DCR DISPENSING | <img src="/files/LItMlqESmex9qFB1lpKu" alt="" data-size="original"> | <img src="/files/FtADj8jK4Avq0hZ7Nnp1" alt="" data-size="original"> |
| HELP           | <img src="/files/J01iZ0WKjvB6JST8fgRX" alt="" data-size="original"> | <img src="/files/Zy7w5ZhyOaBEUUHVKCpA" alt="" data-size="original"> |

#### Fuel FilterPanel

#### ![](/files/ff9f98ce38de25caec8ecd6c5fc833cd65ca79b8) ![](/files/4bdb24416bfc2359739149186ab3ccd843748dc5)

#### Fuel Point Detailed View

**Current POS UI**<br>

<figure><img src="/files/eda602540be9b2127930d84031a6e53bfdfc9e4c" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/bc17e0ff4ff4a9d5921ae41bce4c3c22d6a2ed2a" alt="" width="563"><figcaption></figcaption></figure>

*In the New UI, the widget is draggable.*

#### Maintenance Functions Menu

**Current POS UI**<br>

<figure><img src="/files/c73a5ac8cb477f5466d7eb600115b84c381d5db1" alt=""><figcaption></figcaption></figure>

**New UI**

![](/files/d9dd2b84002c8eec90eab6ebc6a20fca9b6cb136)

#### Idle Screen

**Current POS UI**<br>

<figure><img src="/files/ff88182f038948f03fc74ca4881f69c494004348" alt="" width="563"><figcaption></figcaption></figure>

**New UI**\
The new idle screen has the following elements:

* Verifone logo on top left
* Alarm updates after Verifone logo
* Register number on top right
* Date/Time after register number
* Product logo in the center
* The label `Press Enter or Touch Screen` below product logo

![](/files/bd846848b305a921899b86e644252c8a19bffb1d) ![](/files/c4cde1e4e62ef28d7b05db0a52f66345714723fa)

#### Input Overlay

**Current POS UI**<br>

<figure><img src="/files/e4095ef8389b9752801b0c4f268157f1937e9ce6" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/d56b436a4986f71ed585a5547cb61d147e59c4cc" alt="" width="375"><figcaption></figcaption></figure>

*The new button order is Cancel-OK instead of OK-Cancel.*

#### Keyboard Echo Area

**Current POS UI**<br>

<figure><img src="/files/8b54bcee46ceea8587499c5ddfe9131c192f5aff" alt=""><figcaption></figcaption></figure>

**New UI**\
In the New UI, the calculator icon does not appear in the keyboard echo area. Refer to the section "UI Elements" on page 38, to locate the keyboard echo area.<br>

<figure><img src="/files/e2205a97e95f2bb5030a4325a4544bd0c7fcdcb1" alt=""><figcaption></figcaption></figure>

#### Login Overlay

**Current POS UI**<br>

<figure><img src="/files/d66a39be6c21ff72e570e2c2f08c882bbfb36723" alt=""><figcaption></figcaption></figure>

**New UI**\
The New UI button order is Cancel-OK instead of OK-Cancel for the login overlay.

![](/files/6b21c2c4ab30c47c6e4f441b66cead236b7e8bbf)

#### Message Overlay

**Current POS UI**<br>

<figure><img src="/files/1fdd99d3fbb47f31815695fba58771fc1dcc23a6" alt=""><figcaption></figcaption></figure>

**New UI**\
In the new message overlay, the message along with header is left justified. The new button order is CANCEL-OK instead of YES-NO.

![](/files/28f4ae2ea52c842ff18f1727d5adc32544ecfcba)

#### Numeric Keypad/Virtual Keypad

**Current POS UI**<br>

<figure><img src="/files/be3eeb2985c5c395e58d96428c48424cb7498b99" alt=""><figcaption></figcaption></figure>

**New UI**\
In the New UI, the header is left justified. The button order is Cancel-OK instead of OK-Can-cel. The numeric keypad is movable or built-in. This feature helps to lock numeric keypad on receipt widget or keep it movable for easy access.

<img src="/files/f516a48ef1b4fe5235edf0170bfaf5d99cf806ce" alt="" width="375">

#### Overlay Menu

**Current POS UI**<br>

<figure><img src="/files/c6ab02f50888641499ae92ae3a2fd9b657b7739b" alt=""><figcaption></figcaption></figure>

**New UI**<br>

<figure><img src="/files/1d86d5dc76fdea8283d351ffda8ac01ff1d8c700" alt=""><figcaption></figcaption></figure>

#### Panel Resize

**Current POS UI**\
Does not have the option.

**New UI**\
A maximum of three panels can be configured on a screen and the panels can be resized using the panel resize button on the express panel.

Rows are added or removed from panel when panel resize button is moved up/down. Row adjustments using panel resize button is preserved upon logout or reboot.

The panel resize trigger point is disabled on non-sale screens.<br>

<figure><img src="/files/afb581f3239d26f69872778c4c8c05bdfce0156a" alt=""><figcaption></figcaption></figure>

#### Receipt Preview

**Current POS UI**<br>

<figure><img src="/files/c0de65cee954845016db6eee58fba76a4fbee02e" alt=""><figcaption></figcaption></figure>

**New UI**\
In the New UI there are no pagination ovals and left/right arrows.

If there are more buttons than the available widget area, then partial row on the ends (top, bottom or both) indicate additional information; they also serve as navigation aids to scroll and access information outside the view area.

![](/files/a51092280153e1cd0d6248ff8306d6ee8256d12b)

#### Receipt Widget

**Current POS UI**<br>

<figure><img src="/files/cd11483c02752e901d3213c8d6de083188636dc2" alt=""><figcaption></figcaption></figure>

**New UI**\
In the New UI:

* There is no special indentation for sub-item lines.
* Only color blue is used to highlight last item and item selected for touch-to-modify.
* The payment lines grow from bottom to top as item lines increase from top to bottom and these meet halfway.
* All the labels on Total widgets are left justified.
* The hidden lines can be seen upon up/down scrolling.

![](/files/5dd62bbeb5289f229f79d90950b10f7d53d16584)

#### Register Info Area

**Current POS UI**

![](/files/d69e76be884d7048619c496d065c00e9e1359a6a)

**New UI**\
In the New UI, the first line has date time in the format `<time>, <DayOfWeek>, <Month>, <DayOfMonth>, <Year>`. The second line has register number and cashier name.

![](/files/432223e532a767e56847637a5885fdb22660c6cc)

*The till information is no longer shown in this area.*

#### System Message Area

**Current POS UI**

![](/files/0adb5345336f04c5ad7074ee1c41c8d06c34db59)

**New UI**\
The following are the changes as per New UI:

* Maximum two lines are displayed.
* If there are more than two lines, the messages rotate.
* Touch the widget to maximize it in order to see more messages at a time.

![](/files/8f064b9f5977eecbebf78fd4533695dbdcfa09e1)

## Configuring User Interface Elements

### UI Elements

Following schematic shows the UI elements:<br>

<figure><img src="/files/cff374d4c6debb01b38bd9f0822744c3fab06f23" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
C18 exclusive features like the Utility Area, Application Selector and Utility Panel On/Off toggle are not available in existing POS types Topaz 410 and Ruby2.
{% endhint %}

### Configuration Using Config Client

How to configures buttons on the touch screen has changed. Instead of having screens with buttons, the user can now configure panels within screens, and have as many item buttons as they want on the panels.

The current POS system updated with the new UI does not have the Utility Area. Also, the cashier preferences screen does not have the utility panel On/Off toggle.

Users are able to select dark or light themes from Cashier Preference screen.

Forms have been added in the Verifone Commander Configuration Client > Store Operations

* Touch Screen to configure the touch screen UI.

The touch screen configuration is divided into three parts:

* Panel Configuration
* Screen Configuration
* Register Configuration

Register: Each Register/POS can be configured to have one or more screens.

Screens - Each screen has a name and can be configured to have up to three panels. All screens appear as tabs on the register.

User Panel: The area within a screen with these panels is collectively referred to as User Panel.

#### Panel Configuration

Go to Store Operations > Touch Screen > Panel Configuration to configure panels and to configure items assigned to panels.

Panels are of the following types:

* Item Panel
* Parked Menu Panel
* Fuel Panel

A screen can have multiple item panels. A screen can have only one fuel panel and one parked menu panel. Also, only one fuel panel and parked menu panel can be assigned to a POS register; but, these fuel panel and parked menu panels can be included in multiple screens on the register.

**Item Panels**

Use Item Panels form to configure panels that have PLU, Department, MOP, Function or Menu Key items.<br>

<figure><img src="/files/ec8de8a208fc3fdeac713e55555632d69f9d5f14" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Add the item panel

1. Click Add.
2. Enter Name of the Item Panel.
3. Click Add Item.
   {% endstep %}

{% step %}

#### Select and add item types

1. Click Type and select the type of item from PLU, Department, MOP, Function, Menu Key or Monitoring and add the item.\
   ![](/files/aaf32a1f353454203abdf9a54c85b580cce200cb)
   {% endstep %}

{% step %}

#### Preview and edit item properties

1. Click Preview to change item properties like line1, line2, background color and label color.\
   ![](/files/b92b1d1b69d0b992deba87c0a43297ff0ea0c0ad)
   {% endstep %}

{% step %}

#### Arrange items

1. Items can be moved in the panel by selecting the item and dragging and dropping to the desired position.
   {% endstep %}

{% step %}

#### Save the panel

1. Click Save.
   {% endstep %}

{% step %}

#### Preview or edit on the POS screen

1. Click on Preview/edit button to view how the item panel appears on the POS sc reen and to select and edit items from the preview.\
   ![](/files/56db93cecbc6a4e39edeb2827b3127e4811787c3)
   {% endstep %}

{% step %}

#### Duplicate an item panel

Select an Item panel and click Duplicate to create a duplicate item panel from the existing item panels.

![](/files/17af585e190609ed038e377c92023d204c8c8c8c)

**Item Panel Preview for Topaz/Ruby2 POS**

![](/files/f4476d3ee9d6bb2e9c0dc4a3cbcf251e8fa46827)

**Item Panel Preview for C18 POS With Utility Panel**

![](/files/ed97906e4fd084806807195d91fddcf13b0f3162)

**Item Panel Preview for C18 Without Utility Panel**

Click on any item on the panel to edit.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Select an Item panel and click Duplicate to create a duplicate item panel from the existing item panels.
{% endhint %}

<figure><img src="/files/Kh2P3gnJtyywwhRBdS3W" alt="" width="563"><figcaption></figcaption></figure>

![](/files/fb1df1737cc9889dc5e60777c06540583def0416)

**Parked Menu Panels**

Use Parked Menu Panels form to configure Parked Menu. This feature displays each menu item on individual buttons of the parked menu panel so that a single touch adds the item to the transaction.

Refer to the Menus section in Verifone Commander User Reference to get help on configuring different types of menus.<br>

<figure><img src="/files/0bb24b89958a95e50edf26eae1ca7753f74c4fcd" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Add the parked menu panel

1. Click Add.
2. Enter a name for the Parked Menu panel.
   {% endstep %}

{% step %}

#### Configure menu properties

1. In Menu Properties, select a Default Parked Menu.
2. Select the text color and the background color for the items in the panel.
3. Click Save.
   {% endstep %}
   {% endstepper %}

{% hint style="info" %}
Select a Parked Menu Panel and click Duplicate to create a duplicate parked menu panel from the existing parked menu panels.
{% endhint %}

**Fuel Panels**

Use Fuel Panels form to configure fuel keys for the POS touch screen.<br>

<figure><img src="/files/10310c54601107c5a8740bc5552a56ee921dc9ef" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Add the fuel panel

1. Click Add.
2. Enter a name for the Fuel Panel.
   {% endstep %}

{% step %}

#### Configure fuel panel properties

1. In Properties, specify the ID of the beginning fueling position and the number of fueling positions to be included in the fuel panel.
2. Click Save.
   {% endstep %}
   {% endstepper %}

{% hint style="info" %}
Select a Fuel panel and click Duplicate to create a duplicate Fuel Panel from the existing Fuel Panels.
{% endhint %}

#### Screen Configuration

After the panels are created, create screens and assign panels to screens.

* There can be a maximum of three panels on a screen.
* A screen can have multiple item panels.
* A screen can have only one fuel and parked menu panels.
* A register can only have one fuel and parked menu panels.
* These fuel and parked menu panels can be included in multiple screens on the register.

POS screen configured with a Fuel, Item and Parked Menu panels.<br>

<figure><img src="/files/235ecebdd05007e1ab55c44e7df4063339f5a3d8" alt=""><figcaption></figcaption></figure>

POS Screen configured with three Item panels.<br>

<figure><img src="/files/048f5ccfbd61861c1d799276399828ee6179ee23" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Create a new screen

1. To create a new screen, click Add.\
   ![](/files/86f20beea6fd6a8ab66c3d67764896653bb2e36c)
2. Enter a name for the screen.
   {% endstep %}

{% step %}

#### Add a panel

1. Click Add Panel.\
   ![](/files/dd955059244227b64a81bbc235d82615f0001c41)
2. Select the panel to assign to the screen area.\
   ![](/files/103ebf72aed63ae8ea71bab6f87c64da5848e44a)
   {% endstep %}

{% step %}

#### Select panels

Selecting Item Panel takes you to a screen to select the Item Panel from the list of Item panels. More than one item panel can be selected and those will be merged into a single panel.

![](/files/6135a76a57ce97c15f8c28919a66a1c80ca44369)
{% endstep %}

{% step %}

#### Reorder panels

1. Select a panel and click Move Up or Move Down to move the panel.

![](/files/qxWBcZk9reHyfaU1WjJ7)<br>
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Only one type of Fuel Panel and Parked Menu Panel is allowed per register and the assignment of Fuel Panel and Parked Menu Panel to the Register is done on the Register Configuration form.
{% endhint %}

#### Register Configuration

Use Register Configuration form to assign screens to register.<br>

<figure><img src="/files/44670594794171f0e1d90d82e1b4d9e003ff10a3" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Select the register

1. Select Register.
   {% endstep %}

{% step %}

#### Select panels for the register

1. In Panel Selection section, select the Fuel panel and Parked Menu Panel.
   {% endstep %}

{% step %}

#### Assign screens

1. From the Available section, add the screens you want on the register to the Selected section.
   {% endstep %}
   {% endstepper %}

## Configuration on the POS

#### Cashier Preferences

{% stepper %}
{% step %}

#### Open Cashier Preferences

1. On the Express Panel, click settings button for the Cashier Preferences screen.<br>

   <figure><img src="/files/25bf7bf926f8c154b07a449ae0a0bbd979e901f8" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### Select preferences

1. On the Cashier Preference screen, select if:

   * Receipt Panel should appear on the left or right side of the screen,
   * Utility Panel should be on or off,
   * The numeric keypad is movable or built-in. This feature helps to lock numeric keypad on receipt widget or keep it movable for easy access.

     <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>The Utility Panel ON/OFF toggle appears only for the C18 POS.</p></div>

   ![](/files/f5b432a83514048ae8ebd546c6cf09cfcef5df90)
   {% endstep %}
   {% endstepper %}

#### Screen Clean Mode

This feature locks the POS for cleaning the screen and keyboard. You can unlock back to sales after cleaning.

On the POS navigate to Register Maintenance Functions Menu using CSR Functions > Maintenance and select Clean Screen.<br>

<figure><img src="/files/89d171c02aab96b998a8cf13009038f0232a58a5" alt=""><figcaption></figcaption></figure>

![](/files/a762d0e037ef8c7e87ac915e999a2b10be689dbb)

#### PIN Pad Configuration

In C18 POS a new option for swiping of driver's license is available from the PIN pad as the C18 does not have an MSR to swipe the ID card.

{% stepper %}
{% step %}

#### Open PIN pad configuration

On the C18 POS go to CSR > Maintenance > Device Configuration > Pinpad Configuration and select `EPS PINPAD with driver license/membership swipe`.
{% endstep %}

{% step %}

#### Note the base 53.12.00 availability

{% hint style="info" %}
From base 53.12.00, this option is also available from Topaz and Ruby2.
{% endhint %}

![](/files/1d78f1049331284af69c74f3d3cc576d05854118)
{% endstep %}
{% endstepper %}

## Version Information

To get the version information, on Verifone Commander Configuration Client, go to Help > About.<br>

<figure><img src="/files/bafe7fa7b075556516908d8d9512cd70dfca9a08" alt="" width="563"><figcaption></figcaption></figure>

## Appendix

## Screen Import Issues

Application Bases that are base 53 and higher will incorporate a New User Interface (New UI). This new interface will affect how a screen looks after an import from an application that is base 52 and below (Legacy UI).

The legacy UI allowed for the configuration of 77 touch screen keys, including fuel panels and parked menu panels. Topaz XL 410 and Ruby2 POSs (using the new UI) support 63 touch screen keys (per visible screen) to make room for the new Screen Tabs. If the legacy UI (using all 77 available touch screen buttons) is imported to the New UI, it will move the bottom two rows off-screen. These buttons can then be accessed by swiping left on the touch screen.\
![](/files/74fd37d388daee33ce0fbebaa14c6836da375a8b)

In the new Panel Configuration, items are configured in a list format. The buttons in the list are arranged from left to right on the touch screen and begin on the first row of an Item Panel.\
![](/files/cdefc8ef7bed4bad30d5aef233ef75be6e500bbb)

Moving the item down the list will move the button further right on the panel. Once a row is completed within a panel on the Visible Screen, the next button will populate on the following row. Once all rows are filled within a panel on the visible screen, additional rows are populated off-screen.\
![](/files/1b5653bacb8bcb9f7d9113b357f9f42cb6969077)

If the Utility Panel is turned off on a C18, then the buttons will fill the available space on the screen before buttons are moved off-screen.\
![](/files/e46f7dedb430be821ef6d518ca5546372b90a90e)

If the Utility Panel on a C18 is turned on, it behaves just like a Ruby2 or Topaz 410.\
![](/files/4d5ab37b7e493f87ea9c7aaf94cf6c051ffa4aad)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.verifone.com/feature-references/feature-references/release-53-and-higher-ui-reference.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.