Text Box

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 “Text Box” 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
  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. Character Limit: Here, you define the character limit of the Control
  2. 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.
  3. Text only?: Here, you specify whether or not you require only text as values in this Control
  4. Default Value: As the name suggests, it defines a default value for a field. This default value can be changed by user input.

3rd Step – Advance

  1. Design
    1. Bootstrap Column Class
    2. Description: Enter extra suggestions for user experience on this field
  2. Others
    1. Link with Page Variable
      1. Linked Page Variable Name
    2. Enable auto validate on load (default check on typing)
      1. Query Field
      2. Output Field
      3. Data Source
      4. Enable Encryption
      5. Response Attribute
    3. Enable for Form Validation
      1. Auto Validate Message
    4. Enable Auto Search: Enable Auto Search enables search/refresh configured component
      1. Refresh Component Key
      2. Refresh Component Form
    5. Enable Mask Input
      1. Mask Input
      2. Guide
  3. Mobile
    1. Align Self
    2. Flex
    3. Form Control Margin Bottom

Click “Confirm” and “Text Box” control is configured.