Introduction
Overview
A Form component provides you the ability to collect user data.
Form Components
The UI components are grouped into categories based on their functionality, as follows:
Form Component Settings
When you drag and drop a component or click the Edit icon of a form component, the configuration wizard opens. Depending on the type of form component, certain wizard tabs are available to customize it. All available tabs and general properties in the IntelliBuddies Form Designer are described below.
| Settings | Description |
|---|---|
| Display | This tab pertains to modifying the front-end UI |
| Data | Data settings control how data is interacted with in fields |
| Validation | The Validation Tab settings control Front-End and Back-End validations for fields |
| Field | The tag element allows for customizing a field without adding inherent functionality. |
| Conditional | Conditions offer form designers greater power and flexibility, resulting in a more personalized and structured experience for end users when filling out forms. |
| Logic | The Logic feature allows users to implement a rule engine to control and modify field settings, data values, JSON schema, and custom events based on specific conditions. |
| API | API setting is the back-end field with settings like the Property Name and custom properties like HTML and Tags |
| Layout | Use layout settings to reposition fields by applying HTML attributes/properties. |
Specific Settings Tabs for certain Form Components.
Specific form components have designated tabs, such as:
| Component | Tab | Description |
|---|---|---|
| Date / Time | Date | Choose the date to set the earliest and latest date options. |
| Time | Set the incremental step for both hours and minutes. | |
| Day | Day | Specify by selecting the day (incrementally or from a drop-down list). |
| Month | Specify by selecting the month (incremental or from a drop-down list). | |
| Year | Specify by selecting the year (incremental or from a drop-down list) and the minimum and maximum year available for selection. | |
| Edit Grid | Templates | You can customize the headers and rows of your data in the edit grid. |
| Data Map | Layout | Make slight layout modifications to your data map. |