This article will summarize how to use the Text Field in Template Builder.
The Text Field Component allows Corfix clients to collect open-ended text input in forms. It’s flexible, customizable, and supports advanced conditional logic.
Where to Find It
In your Corfix Form Builder, click on a Text Field Component to access the configuration panel. You’ll see four tabs:
-
Display
-
Data
-
Validation
-
Conditional
Each tab controls different aspects of the field’s behavior.
1. Display Tab
Controls how the field appears to users.
| Option | Description |
|---|---|
| Label | Required name for the field (visible to users). |
| Label Position | Choose Top, Left, Right, or Bottom. |
| Placeholder | Grayed-out example text inside the input field. |
| Description | Shows beneath the field for added context. |
| Tooltip | Hover-over help icon. |
| Prefix / Suffix | Adds static text before or after user input. |
| Custom CSS Class | For styling via custom CSS (advanced use). |
| Autocomplete | Enables browser autofill suggestions. |
| Other Options | Hide Label, Allow Spellcheck, Modal Edit, Reportable. |
2. Data Tab
Controls how default values and multiple entries are handled.
| Option | Description |
|---|---|
| Multiple Values | Allows multiple responses within the same field. |
| Default Value | Pre-fills the field with a common or suggested answer. |
3. Validation Tab
Enables input validation. You can:
-
Make the field required
-
Set minimum and maximum lengths
-
Apply regex patterns for formatting rules
4. Conditional Tab
Used to dynamically show or hide the text field based on responses elsewhere in the form.
| Option | Description |
|---|---|
| This component should display: | Choose whether the field is shown or hidden based on a condition. |
| When the form component: | Select another field in the form that will act as the trigger. |
| Has the value: | Set the specific value that will trigger the text field to show/hide. |
Example Use Case:
Show a field called "Other Trade" only if the dropdown "Trade Type" is set to "Other".
Preview Panel
The panel on the right side of the editor shows a live preview of your field, updating as you configure settings.
Save Actions
-
Save – Applies changes.
-
Cancel – Discards changes.
-
Remove – Deletes the field from your form.
Best Practices
-
Use Placeholders and Descriptions to guide users.
-
Leverage Conditional Logic to simplify the user experience.
-
Test your form thoroughly to confirm all conditions behave as expected.