Form ASAP

Users Mangement

Form Fields

1- Text: A single-line input field for short textual responses.

Also known as: Short Answer.

When to use: When collecting names, titles, or any brief, free-text input.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

2- Textarea: A multi-line input field for longer textual responses.

Also known as: Long Answer.

When to use: When collecting detailed feedback, comments, or explanations.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another. 
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

3- Number: A field for numeric input only.

Also known as: Numeric Field.

When to use: When collecting quantities, IDs, or any data that must be a 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

3- Range: A slider to select a number within a specified range.

Also known as: Slider Input.

When to use: When you want users to pick a value between two limits, such as rating or quantity.

  • 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.
    • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

4- Email: A field for email address input with format validation.

Also known as: Email Address Field.

When to use: When collecting a user's email for contact or identification.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

5- URL: A field for web addresses with format validation.

Also known as: Website Field.

When to use: When collecting links to websites, portfolios, or external resources.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

6- Tel: A field for collecting phone numbers.

Also known as: Phone Field.

When to use: When you need a contact number, optionally with country code handling.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

7- Select: A dropdown list allowing single or multiple selections.

Also known as: Dropdown Menu.

When to use: When offering predefined choices to select from.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

8- Radio: A set of options where only one can be selected.

Also known as: Single Choice.

When to use: When you need users to pick just one answer from a list.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

9- Checkbox: A list of options allowing multiple selections.

Also known as: Multiple Choice.

When to use: When users can choose more than one item from a list.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

10- Matrix: A grid for selecting options across rows and columns.

Also known as: Likert Grid.

When to use: For surveys and structured feedback with ratings or comparisons.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

11- Date: A date picker for selecting a calendar date.

Also known as: Date Picker.

When to use: When recording dates like appointments, events, or deadlines.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

12- Birthday: A specialized date picker for birthdates.

Also known as: DOB (Date of Birth).

When to use: When collecting someone's birth date for records or age checks.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

13- Color: A color picker for selecting visual color values.

Also known as: Color Input.

When to use: When design preferences or branding colors are needed.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

14- File: Allows uploading one or more files.

Also known as: File Upload, Attachment.

When to use: When users need to submit documents, images, or attachments.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

15- Tag: A field where users can enter multiple tags or keywords.

Also known as: Keywords.

When to use: For categorization, search keywords, or labeling.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

16- Rating: Lets users rate using stars, faces, likes, or NPS.

Also known as: Star Rating, Feedback Score.

When to use: When gathering feedback, opinions, or satisfaction levels.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

17- Country: A searchable list of countries with optional flags.

Also known as: Country Selector.

When to use: When collecting the respondent’s country of residence or origin.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Field Size: Adjust the field size:
      • Large
      • Medium
      • Small
      • Extra Small
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

18- Signature: A digital field where users can draw a signature.

Also known as: Digital Signature, E-Signature.

When to use: For consent, verification, or official acknowledgment.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
    • Hide Label: Allows you to hide the label from the form, showing only the input field.

19- Heading: Adds titles (H1 to H6) for section headings within the form.

Also known as: Section Title.

When to use: To separate and organize content visually.

  • 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
    • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.

20- Note: A non-editable text block used to show instructions or info.

Also known as: Info Text, Read-only Text.

When to use: To guide users or provide context without expecting input.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.

21- Hidden: A field that’s not visible to users but stores static or dynamic data.

Also known as: Hidden Input.

When to use: When you want to pass values silently, like tokens, timestamps, or session IDs.

  • 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.
    • Field Location: When dealing with a multi-step form, this option allows you to copy the field from one page to another.
    • Show This Field Only on Edit Mode: This option makes the field visible only when editing an existing response. It will not appear in the form during its creation but will be available during subsequent edits.
Google Settings
Table Customization