Auto Complete

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

1st Step – Design

This is the first step of the “Auto Complete” 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 Text
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. Store Json Node
2. Text Only?: Here, you specify whether or not you require only text as values in this Control
3. Number Only?: Here, you specify whether or not you require only number as values in this Control
4. 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.
5. Character Limit: Here, you define the character limit of the Control

3rd Step – API

1. Data
1. Choose Data Source: Select data source from the following HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Enable Encryption
3. Response Attribute
4. Query Param (mandatory)
5. Text Field (mandatory)

2. Rule
1. Choose Data Source: Select data source from the following HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Enable Encryption
3. Response Attribute
4. Query Param (mandatory)
5. Refresh Binding-on First Load
6. Control Properties
   1. Control Key
   2. Binding Field

4th Step – Advance

1. Enable Caching

Click “Confirm” and “Auto Complete” control is configured.