Input

Overview

This section covers various types of UI components.

Mandatory Vs. Optional Input

Based on the backend API’s, some attributes may be mandatory, and others may be optional. The mandatory attributes are shown with a red asterisk against it as shown in the screenshot below where Code and Unit fields are mandatory and the others are optional.

Text Input

A free-text box is used for a text input. This is shown in the following screenshot. Users can type any text inside a text box to identify with the input. In the example, ‘myPricePlan’ is typed a name as a text field.

Integer Input

For an integer input, users can enter a numeric value or use the top/bottom arrowhead on the righthand side of the integer box to increment/decrement the integer value. This is shown in the screenshot below:

Drop-down selection

A drop-down input allows the user to select a value from the list of configured values shown as a drop-down list. The following screenshot shows the drop-down values for Unit attribute. The drop-down list is usually identified with a down arrowhead on the right hand side of the input box.

Check box input

Check box input acts as a toggle to select or unselect an option. This is shown in the following screenshot where Meter Reading checkbox is selected to enable Meter Reading and the Quantity Scalable checkbox is not selected.

Popup selection

The following screenshot shows the navigation pane highlighted in the UI.

Date Input

Users can enter the date input. Allegro standard date format is "yyyy-mm-dd" (e.g., "2025-08-30" for 30th August 2025). Users can also click on the box which will show a calendar input where the user can:

• select the left or right single arrowhead to move a month backward or forward,
• select the left or right double arrowhead to move to the same month in the previous or next year,
• click on the current month-year to select the right year and month, and
• once the year and month is selected, the user can select the day of month to set the date.

Time input

Where a time input is required, Allegro UI provides two options to enter the time. The time is usually represented in HH:MM:SS format (2 digits each for the hour, minute, seconds separated by semi-colon). Users can type the time input (e.g., 11:00:00 for 11 a.m.). Alternatively, the user can use the drop-down to select the hour, minute and second values as shown in the screenshot below: