This page provides a detailed description of every field that can be added when designing and creating a form.

1- Text.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Capitalize Each Word: Capitalizes each word, useful when you want to create a certificate.
  • Min Characters: Sets the minimum number of characters allowed.
  • Max Characters: Sets the maximum number of characters allowed.
  • Placeholder: Specifies placeholder text for the field.
  • Default Value: Sets a default value for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

2- Textarea.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Disable Resize Option: If checked, the user will not be able to resize the text area.
  • Allow HTML: Allows the user to enter HTML code.
  • Rows: Specifies the number of rows for the text area.
  • Min Characters: Sets the minimum number of characters allowed.
  • Max Characters: Sets the maximum number of characters allowed.
  • Placeholder: Specifies placeholder text for the field.
  • Default Value: Sets a default value for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

3- Number.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Min Number: Sets the minimum number allowed.
  • Max Number: Sets the maximum number allowed.
  • Step: Defines the increment step for the number input.
  • Placeholder: Specifies placeholder text for the field.
  • Default Value: Sets a default value for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

4- Email.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Placeholder: Specifies placeholder text for the field.
  • Default Value: Sets a default value for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

5- URL.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Placeholder: Specifies placeholder text for the field.
  • Default Value: Sets a default value for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

6- Tel.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Exclude country from being shown: To exclude one or more countries from being shown.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

7- Select.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Enable Search: Convert the select field to a searchable select.
  • Enable Multi-Select: Allow the select field to have more than one value.
  • Enable Value: If enabled, you can customize the value for each option. Note this will only affect the data when exported through Excel, PDF, HTML, JSON, or CSV.
  • Options: The options that the field will include.
  • Placeholder: Specifies placeholder text for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

8- Radio.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Display Options Horizontally: When checked, options will be displayed next to each other.
  • Enable Value: If enabled, you can customize the value for each option. Note this will only affect the data when exported through Excel, PDF, HTML, JSON, or CSV.
  • Options: The options that the field will include.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

9- Checkbox.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Display Options Horizontally: When checked, options will be displayed next to each other.
  • Enable Value: If enabled, you can customize the value for each option. Note this will only affect the data when exported through Excel, PDF, HTML, JSON, or CSV.
  • Options: The options that the field will include.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

10- Matrix.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Enable Value: If enabled, you can customize the value for each option. Note this will only affect the data when exported through Excel, PDF, HTML, JSON, or CSV.
  • Titles: Add titles; these are the rows.
  • Options: The options that the field will include.
  • Placeholder: Add descriptions about the options; default is #.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

11- Date.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Enable Time: If checked, this will convert the date to date-time.
  • Start: Specify if you want the calendar to start on a certain date.
  • End: Specify if you want the calendar to end on a certain date.
  • Placeholder: Add descriptions about the options; default is #.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

12- Birthday.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

13- Color.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Default Value: Sets a default value for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

14- File.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Allow Multiple Files: If checked, the field will accept more than one file.
  • Max Size: The maximum size of the file. The default is 1024, which is 1MB.
  • Allowed Extensions: Specify the file extensions that can be uploaded.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

15- Tag.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Min: Specify the minimum number of words that can be entered.
  • Max: Specify the maximum number of words that the user is allowed to enter.
  • Placeholder: Specifies placeholder text for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

16- Rating.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Type:
    • Rating Star: Value will be from 1 to 5.
    • Rating Face: Value will be Neutral, Excellent, Good, Bad, Terrible.
    • Rating Like: Value will be Like, Dislike.
    • Rating Net Promoter Score: Value will be from 1 to 10.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

17- Country.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Enable Search: Convert the select field to a searchable select.
  • Enable Country Flag: To add country's flag.
  • Exclude country from being shown: To exclude one or more countries from being shown.
  • Placeholder: Specifies placeholder text for the field.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

18- Signature.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Required: Makes the field mandatory.
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Label Classes: Adds classes to the label. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

19- Heading.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Type:
    • H1
    • H2
    • H3
    • H4
    • H5
    • H6
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

20- Note.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Help Text: Adds help text below the label.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Container Classes: Adds classes to the label and the input field. Bootstrap 5.3 classes are allowed, or you can create a custom class through a custom CSS theme.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.

21- Hidden.

• Actions:
  • Move: Allows you to move the field above or below other fields.
  • Activate/Deactivate: Toggles the field's visibility on the form while retaining its data.
  • Settings: Toggles the settings container for the field.
  • Delete: Deletes the field and all related data.
• Settings: 
  • Default Value: Sets a default value for the field.
  • Alias Name: Used for exporting data, copying forms, adding logic, or generating reports.
  • Move to Page: When dealing with a multi-step form, this option allows you to copy the field from one page to another.