Input Group
An Input Group is used to keep related fields together which is easier to organize and manage.
Use Case | Example Fields | Recommended Type |
|---|---|---|
Address Information | Street, City, State, Zip Code | Static Input Group |
Shipping Details | Address, Country, Postal Code | Static Input Group |
CRM Custom Fields | Fields generated from an external system | Dynamic Input Group |
Forms that change based on user selections | Different fields for different options | Dynamic Input Group |
Static Input Group – Fields are setup during configuration.
Dynamic Input Group – Fields are generated automatically from an API or via JS code.
How to configure the Input Group?
Step 1 - Fill the details:
Property | Description | Example |
Label | Heading of the input group | Customer Details |
Key | Unique value to identify internally | customer_details |
Required | Makes the field mandatory | Yes / No |
Help | Text displayed on hover for user guidance | Enter customer information |
Additionally, Visibility Condition and Where Clause can also be configured.
Step 2 - Add Fields to the Input Group
Static Fields
Manually add the fields that should appear inside the group.
Supported field types include: Text, Number, Dropdown, Multi Select, Date, HTML, Markdown and other input fields.
Example:
Dynamic Fields
Configure the fieldGenerator that returns field definitions using a JavaScript code.
The generated fields are automatically displayed to users.
Step 3 - Save
Click anywhere outside the configuration panel to automatically save the group.
