Form Items
The Form Items are collection of form controls for handling user inputs and application results. The Form Items are referred through their Item ID. Each item has its own name (known as Item ID), label, position number, parent ID, and width.
The form items are grouped under the following categories:
- Form Items
Data Entry
Data Selection
Toggle
Action
Display
Custom
- Containers & More
Container
Fillers
Information Fields
Component
The form items are listed in the following table:
Category | Form Item | Description |
---|---|---|
Form Items | ||
Data Entry | Text Box | Text box is a typical Text Box, but comes with inbuilt validations to handle user input. |
Text Area | Text area is a typical multi-lines text control. | |
Password | Password is a Text Box masked with password characters. | |
Date | Date is a typical calendar control. | |
Spinner | Spinner is a numeric spinning control. | |
Amount | Amount is a numeric decimal text box that auto-formats the values as per the preferred currency code. | |
HTML Editor | HTML Editor is a panel with couple of tools to create HTML content. | |
OTP Field | OTP Field is a type of form item, specifically designed for capturing the one-time password, received through an SMS during the initiation of an online banking transaction through the modes of card payments and Internet Banking. | |
Rate | Rate is a type of form item, specifically designed for denoting the percentage of rates. When dealing with interest rates or any other fields that require percentage as an input, the Rate form item serves the purpose in a handy way. | |
Data Selection | Checkbox Group | Checkbox Group is an array of check boxes. |
Radio Group | Radio is the array of Radio Buttons. | |
Combo | Combo is a typical Combo Box. | |
Icon Combo | Icon Combo is a Combo Box with icon images appearing adjacent to each list values. | |
Auto Suggest | Auto Suggest is a Combo Box with list of data, but appear as Text Box. On typing the values, the list value appears in the box automatically. | |
Item Selector | Item Selector is a panel for multi-selection between unselected and selected group lists. | |
Lookup | Lookup is a data lookup item with Text Box. | |
Independent Lookup | Independent Lookup is an icon without Text Box used for data lookup. | |
Color Picker | Color Picker is a simple color palette that allows you to select a color. | |
Slider Field | Slider allows you to select a numeric value from a defined set of possible values. | |
Toggle | Toggle | Toggle allows you to change the setting between two states. |
Checkbox | Checkbox is an individual Check Box item that renders only one check box. | |
Action | Button | Button is a typical Button item. |
Upload Panel | Upload Component is panel with dedicated items for file upload handling. | |
Display | Title | Title is a component that renders the given text as Sub-Heading of the form. |
Label | Label is typical label control. | |
Logo | Logo is an image panel that automatically displays the logo image associated with the current form. | |
Hyperlink | Hyperlink is a label control with hyperlink navigation. | |
Image Picker (This item is only applicable for jQuery Mobile) | Image Picker allows you to pick an image and upload it. | |
Custom | Custom | Displays the list of custom form components created by the implementation team. |
Containers & More | ||
Container | Field Set | Field Set is a panel with expand and collapse option. |
Form Composite | Form Composite is a grouping control. It groups multiple items, but renders as a single item on the same row. | |
Panel | Panel is a plain item container within which the items can be placed. | |
Tab Panel | Tab Panel allows placing the form items in the tabbed sections. | |
Image Panel | Image Panel is a panel that displays images associated with the current form. | |
Fillers | Empty Cell | Empty Cell is a special field and it occupies a blank area on the form. |
Line | Line is a horizontal line. | |
Hidden | Hidden is a special item that will not appear on the screen, but is used to submit or handle hidden values. | |
Empty Row | Empty Row is an item that horizontally divides the entire form and their items. | |
Information Fields | Conditional Mandatory Text | This static form item is placed within a form as legend for the field marked as conditional mandatory. |
Mandatory Text | This static form item is placed within a form as legend for the field marked as mandatory. | |
Info Panel | Info Panel is a panel with header and body text to display textual alerts, explanations or information. | |
Component | Widget | Widget is a place holder for canvas apps such as Grid, Chart, Map, Ads, or tree to be attached on the form. |
Form | Form is a pluggable form container that can be added with any form as a sub component. |