Check List

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

1st Step – Design

  1. Database Field Name (mandatory): Defines the name of the database field to which the component's data will be mapped and stored.
  2. FormId Field: The field representing the unique identifier for the form.
  3. Transaction Id Field: The field used to store the unique identifier for each transaction.

2nd Step – API

  1. Configure data source: Select data source from the following options: HTTP, Workflow, No SQL, or RDBMS.
    1. HTTP: The method used to configure an HTTP data connection.
      1. Data Connection: Defines the connection details for the data source.
      2. Method (mandatory): Select method from the following options: GET, PUT, POST, PATCH, DELETE, or POCO.
      3. API URL (mandatory): The URL to be used for the API connection.
      4. Query Parameters: Parameters to be passed in the API request.
        1. Key: The key for the query parameter.
        2. Value: The value for the query parameter.
        3. Query Variable: The variable name associated with the query.
        4. Select Type: The type of query (e.g., string, integer).
      5. Headers: Headers that are included in the API request.
        1. Name: The name of the header.
        2. Value: The value of the header.
      6. Others: Additional configurations.
        1. Enable raw query: Option to enable raw query submission without additional processing.
  2. Enable Encryption: Option to enable encryption for the data.
  3. Response Attribute: The field to store the response data received from the API.

3rd Step – Advance

  1. Select Accordion GroupBy Field: Select from options available in the dropdown.
  2. Action Column Width: The width of the action column in the UI.
  3. Action View: Defines the view style for the action, either Popover or Footer.
  4. Show Action at End: Determines whether the action will be shown at the end of the list.
  5. Accordion Sequence (Optional): Sequence of accordion actions (optional).
    1. Display Name (mandatory): The display name for the accordion item.
    2. Value (mandatory): The value associated with the accordion item.
    3. Color: The color for the accordion item.
    4. Background Color: The background color for the accordion item.
    5. Action Icon Web: The icon for the web view of the action.
    6. Action Icon Mobile: The icon for the mobile view of the action.
    7. Hide Action: Option to hide the action icon.
    8. Action Name: The name of the action.
    9. Action Button Type: Type of the action button (e.g., default, custom).
    10. Sidebar Form Id Field: The ID field for the sidebar form.
  6. Select List GroupBy Field: Select the field by which the list will be grouped from the dropdown list.
  7. List Field Mapping: Manually enter multiple rows of data in the grid by clicking the "Add New" button and define the following fields:
    1. Header: The header of the list field.
    2. Data Field: The data field to be mapped in the list.
    3. Data Type: Choose data type from the following options: None, Email, Date, Title, Image, etc.
  8. Set List Group Color: Manually enter multiple rows of data in the grid by clicking the "Add New" button and define the following fields:
    1. Group Name: The name of the list group.
    2. Group Color: The color assigned to the list group.

Click “Confirm” and “Check List” control is configured.