Get to Know Field and Form Properties
Field and form properties are essential for customizing the looks and behaviors of your fields and forms. This document will help you understand what these properties are, their importance, and how to use them effectively.
Why are Field and Form Properties Important?
Field and form properties allow you to:
- Customize the appearance and behavior of your forms and individual fields.
- Set up the conditional logic to customize form behavior based on user reactions.
- Add 60+ spreadsheet-like formulas to perform calculations and automate tasks.
- Customize form styles with rich text, branded headers, and backgrounds to enhance the look of your forms.
And so much more.
What are Field Properties?
Field properties are unique settings for each field, allowing you to customize its appearance and behavior. These properties are crucial for ensuring your fields work exactly how you need them to.
There are unique properties based on field types and common properties such as field name, description, and hint text.
Where to Set Field Properties?
In a form, select a field on the Design page and go to Field Properties to edit the settings:
Common Field Properties
Except for the Field Name and Description, below are the common field properties frequently used:
Field Property | Function | Use case |
Additional explanations for the field. | When collecting customer information, showcase the correct format of phone numbers. | |
Initial Value | Set the default value of a field. |
|
60+ spreadsheet-like formulas covering math calculations, logic, text, date, and advanced operations. |
| |
Retrieve data that meets certain conditions from other forms or aggregate tables. | Automatically fill in the product price based on the selected product name. | |
Retrieve all the data from other forms using Single Select or Multi Select fields. | List available vehicles based on their status. | |
Validation | Ensure the required fields are filled and check for duplicate values. |
|
Field Permissions | Set if a field is visible and editable for members. | Allow customers to view but not edit medical details in a medical application form. |
Set the field width to control the number of fields in a line. | layout. Add up to four fields in a row to make the form compact. |
Unique Field Properties
Below are the frequently used unique field properties:
Unique Field Property | Available Field Type | Function | Use case |
Format | Restrict data format. |
| |
Scan Codes | Enter data by scanning barcodes. | Quickly fill in product information by scanning SKU barcodes. | |
Option | Options for single or multiple choices. | Add options for single or multiple selections as needed. | |
Display Rules | Condition logic settings for the Radio field | Change fields and questions dynamically based on user interactions. | |
Layout | Display options vertically or horizontally. | Display choices in a vertical or horizontal layout. | |
Available Options | Define the selection scope for the Member, Members, Department, and Departments fields. | When making an item request, limit approvers to the administration department or administration managers. | |
Pattern | Choose a pattern | Enhance the form design with a pattern. | |
Data Source | Retrieve data from any Jodoo database in the form. | Automatically retrieve product details when making a purchase. | |
Rule | Generate serial numbers with a customized pattern. | Automatically generate the order or membership IDs. | |
Triggered Action | Set the triggered actions for integrations or APIs. | Track Amazon packages per order. |
What are Form Properties?
While field properties are specific to individual fields, form properties control the overall configuration of the entire form.
Where to Set Form Properties?
In a form, select a field on the Design page and go to Form Properties to edit the settings:
Common Form Properties
Form Property | Function | Use case |
Form ID | Unique identifier for the form. | Retrieve form details in third-party platforms. |
Set conditions to restrict form submissions. | Prevent purchases over a certain quantity to avoid malicious orders. | |
Set conditional logic for any field. | Change fields dynamically based on user interactions. | |
Define how values of hidden fields are calculated. | Calculate and hide the student's score during an online exam. | |
Cache submissions to prevent data loss. | Resume a survey from where you left off. | |
Set default field width for form layout. | Arrange up to four fields in a line for a compact form. | |
Buttons | Customize form submission and save options. | Modify the appearance and behavior of the submit and save draft buttons. |
Customize the style shared forms in public links. | Add a brand logo to shared registration forms or task workflows. | |
Trigger events on third-party platforms. | Send a greeting email via MailChimp after a purchase. |