Keypad#

Overview#

The Keypad widget provides an onscreen numeric keyboard to input values in an UI Page. An example of an UI Page using a Keypad widget is shown below.

To use the Keypad widget in a UI Page, follow the steps below:

In any UI Page in Build mode, select the Keypad from the widgets list located on the left side of the page; drag and drop to the desired place in the UI Page.
Enter the Settings section of the widget through the three vertical dots.
In the General tab, provide a name and a description for the widget. Use the toggle buttons to specify whether the widget should be visible, display the header, or allow full screen mode. Additionally, determine if the widget can be opened as an image in a new tab or exported as an image.

Optionally, in the Style tab, you can define a Border Width and Color.
In the Setup tab provide execution related properties such as:
- Number Type - The type, choose between Integer, Long, Decimal, or Float8.
- Minimum Value - Set the minimum acceptable input value. If left blank, the system will use the default minimum value configured.
- Maximum Value - Set the maximum value acceptable as input. If left blank, the system will use the default maximum value configured.
- Show OK Button - Set to true as default, it indicates whether to display the OK button.
- Show Errors - Set to true as default, it indicates whether to display validation errors.
- Is Required - Set to true as default, it indicates whether the value is required.
- Is Read-Only - Set to false as default, it indicates whether the value is read-only.
Optionally, define the Links between this widget and other elements of the UI Page.
Select Save and Close to complete the widget configuration.

To help you take full advantage of the Keypad widget, the following scenario demonstrates how to connect a Keypad widget with a Form widget.