Number

You have to go through a three-step form wizard to enable this Control, i.e., Design, Validation & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Number” control form wizard. Here you are required to fill in the following details:

  1. Database Field Name (mandatory): These are the attributes of the form
  2. Label Name (mandatory)
  3. Column Width
  4. Placeholder
  5. Enable Tooltip?: This button is set as “Yes” if you need to enable Tooltip Text in this Control
    1. Tooltip Text
    2. Select Tooltip Position: Select tooltip position from the following Top, Right, Bottom or Left

2nd Step – Validation

  1. Minimum: Minimum Value that can be accepted by user input
  2. Maximum: Maximum Value that can be accepted by user input
  3. Minimum Model: Here, we enter field name (attribute) from the form, which will define the minimum value that can be acquired by user input
  4. Maximum Model: Here, we enter field name (attribute) from the form, which will determine the maximum value that can be accepted by user input
  5. Default Value: As the name suggests, it defines a default value for a field. This default value can be changed by user input.
  6. Is Mandatory?: This button is set as “Yes” if you need to apply this Control as mandatory
    1. Error Message: Here, you can define the error message that will be displayed if this control is left blank.

3rd Step – Advance

  1. Design
    1. Bootstrap Column Class
    2. Description: Enter extra suggestions for user experience on this field
    3. Text Align (mandatory): Right or Left
  2. Others
    1. Format Type: Number or Currency
    2. Use 1000 Separator (,)
    3. Decimal Places
    4. Negative Numbers

Click “Confirm” and “Number” control is configured.