Add, modify, or reorder form fields

Go back

Content:

This guide is intended for non-technical users who want to manage fields within an existing form.

Guide: Adding, Editing, or Reordering Form Fields

Field management takes place within the "Fields" section of the form configuration.

1. Log in to the dashboard and go to the Form management section.

2. Click on the form you wish to edit.

3. Make sure you are on the General tab (the first tab in the editing process).

4. Scroll down to the section titled Fields. Here you will find the list of current fields.

1. In the Fields section, click the button to add a new item (usually labeled "Add field" or with a "+" icon).

2. The new field configuration screen will open.

Once the field configuration panel is open, set the following options:

Setting	Description
Field Name	The name that will be shown to the user (e.g., "Your Name").
Field Type	Defines the general function of the field (e.g., Input Field, Value Field, Text Section).
Input Type	Defines the specific type of input (e.g., Text, Email, Phone, Numeric, File, Single Choice, Acceptance Checkbox).
Field Hint	The text displayed inside the field before the user types (placeholder).
Default Value	A value that automatically fills the field when the form loads.
Field Width	Allows defining how much space the field should occupy on the device (e.g., 50% or 100%).
Read Only	If checked, the user can see the value but cannot modify it.
Required	If checked, the user must fill out this field to submit the form.

If you have selected a Field Type that requires options (such as select, radio, or multi-checkbox), a section will appear to manage values.

1. In this section, click the button to add a new option.

2. For each option, fill in:

Value: The technical data that will be saved if the user selects this option.
Text: The text that will be shown to the user.

If you need more specific configuration options, check the box Show advanced settings.

Here you can set:

Field ID: A unique and technical identifier for the field (useful for developers or Display Conditions).
Input Classes: CSS classes applied directly to the input element.
Container Classes: CSS classes applied to the field container.
Display Conditions: Check Apply conditions to define logical rules that make the field visible only if other fields meet specific criteria.

1. In the Fields section, click on the title of the field you want to edit.

2. The configuration panel will open, allowing you to change any setting (Field Name, Input Type, etc.).

1. In the Fields section, click and hold on the reorder icon (usually two or three horizontal lines) next to the field name.

2. Drag the field to your desired position within the list.

3. Release to fix its new position.

After adding, editing, or reordering fields:

1. Scroll down to the bottom of the form page.

2. Click on Save or Next to proceed with subsequent tabs and finalize saving the form.