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 FieldOTP 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.
RateRate 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.

CustomCustomDisplays 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.