# Edit a Form

After a form has been created, you will have additional edit options.

Click **Edit Form** to get started.

![](https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FE0Z0KtCHBU01U9KMIGDB%2Fspaces_-LjKTG8tJVFEuapHmLNC_uploads_wXLOZcs0B3748FMp6n5K_14-11-2023-02-08-58.png?alt=media\&token=904ba52b-73f9-4306-93a2-7af5b9931b1d)

Clicking the **Edit Form** button will bring up the edit menu.

![](https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FbBxR6mlRc6LixPHRf4wm%2Fspaces_-LjKTG8tJVFEuapHmLNC_uploads_QB0V2xVsOmM6FwgL1jSn_14-11-2023-02-42-58.png?alt=media\&token=40e42066-b8d0-42da-9299-38c41b2d2cf3)

The edit menu allows you to further customize the form. On the left side of the menu, you will find options to enable a color background behind the form and the ability to add an image or logo to the header. The recommended image size is 600x200px. Both of these features are optional and by default will be toggled off.

***

#### **Read Only**

This option allows users to set a field as read-only in a specific form while keeping it editable in the tracker. Access this feature from the form editor.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FH3r2UctlviA7BTGlkqVm%2F24-04-2025-10-39-35.png?alt=media&#x26;token=664f0e10-8a5b-4a19-854d-390bd6e76b45" alt="" width="563"><figcaption></figcaption></figure>

If a field is marked as read-only in the tracker, it will automatically be read-only in all forms where it appears

***

#### **Choose the style of the form**:&#x20;

Classic - Classic style shows your image/logo, title, and description on the top of the page, and the form below it. The color, when enabled, will be shown in the background of the form. The color is determined based on the color chosen for the tracker upon initial creation. This style is best when embedding the form in a website.\
\
Modern - Modern style shows your image/logo, color, title, and description on the left side of the screen and your form on the right. Use this style when you have a long form description, want your description to remain visible while scrolling through the form, or have the form pop out to a full website for your users.

***

#### Auto-Fill Form

Auto-Fill Form using AI to reduce manual data entry by extracting information from uploaded files and mapping it directly into form fields. This option helps users complete forms faster while maintaining accuracy and compliance with existing rules.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FtXUt0MDwVvORSh2CBxPJ%2F25-08-2025-02-07-56.png?alt=media&#x26;token=04bdd47c-7349-4567-bf96-44b099648c21" alt=""><figcaption></figcaption></figure>

When the form is published, users can upload one or more files (**PDF or image files only**) into the designated file upload field. MangoApps AI will then extract values from the uploaded documents. The system then matches the extracted data to the **field labels and descriptions** in the form. Finally, matching values are automatically filled into the form fields.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FYaLD64kyu1R90EqLW5g7%2F25-08-2025-02-04-18.png?alt=media&#x26;token=be220923-bd55-4ef4-a5ee-bc14c51b5460" alt="" width="563"><figcaption></figcaption></figure>

To maintain accuracy and consistency, MangoApps AI applies a set of rules when filling in forms.

Important details include:

* If a **form field contains a default value** and has not been edited, AI **may override** it.
* If a **form field has been edited** by the user, AI will **not override** it.
* **Field-level validation rules** will continue to apply.
* **Rule builder conditions** will still be enforced.

Uploaded files are not only used for filling in the form but also remain accessible for record-keeping.

* Files uploaded for auto-fill are stored in the **tracker**.
* Access is limited to **users who have permission** to view them.

{% hint style="danger" %}
The feature must be [**enabled both at the admin level** ](https://guides.mangoapps.com/admin-guide/module-settings/forms-and-trackers/ai-actions-trackers)**and form designer level**.
{% endhint %}

***

#### **Fields:**&#x20;

Remove entry fields from the form by dragging and dropping them into the **Fields** space to the left of the form. It's important to note that hiding fields on the form only affects the form's visibility; the fields will still be visible on your tracker.&#x20;

If new columns are added to the tracker after the form is created, the columns will automatically appear in the Fields drag-and-drop bank. To incorporate these new columns into the existing form, simply return to the edit form menu and drag and drop the new columns as needed.

Columns added by the system to a tracker, will not populate in a form (Submitted By, Submitted Date, Last Modified By, Last Modified Date, Submitted By ID)

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FcKGuLeDgEHg5Wvz5HQ5p%2Fezgif-5-af15e17ab5.gif?alt=media&#x26;token=30b6963d-07c2-4069-962c-a56f550c1f37" alt=""><figcaption></figcaption></figure>

Along the right side of the editor, you will find a preview of your form as well as the following options:

**Field Preview** - Rearrange fields in the form by dragging and dropping them. Click on a field to edit its title and description. Additionally, you can toggle whether the field requires an entry or not.

**Submit Action** - This section allows you to customize the submit button. Change its color, size, alignment, and even change what text is shown on the button.&#x20;

**On Form Submission** - This section allows you to customize the confirmation message shown to users upon form submission. After the user closes the above confirmation dialog box, they will be re-directed to the URL provided here in a new browser window.

{% hint style="info" %}
Use the rule builder to configure condition based messages.&#x20;
{% endhint %}

**Confirmation Message** - Customize the message displayed to users upon form submission. Once the user closes the confirmation dialog box, they will be redirected to the specified URL (if any) in a new browser window.&#x20;

{% hint style="warning" %}
If the confirmation message toggle is **ON** in the Rule Builder, the confirmation message will be displayed. If the toggle is **OFF**, the message tab in the rule builder will be hidden, users won't be able to see it or access it, and no confirmation message will be sent.

The default for the toggle is **ON**.
{% endhint %}

**Message to Submitter** - Automate the sending of a private message to the submitter containing a copy of the data they submitted. If email notification is enabled, the submitter will also receive a copy of the submitted data via email.

**Limit Submission** - Set the maximum number of new submissions allowed per user within the configured time period (day, week, month, quarter, year) using this form. This limit does not apply to the 'Add new entry' action on the tracker or entries submitted via other forms.

***

### **Add-On**

**Add Description**: Add a **description field** to forms. This field supports rich content, including text, images, and videos. You can either upload new media or select existing images and videos from MangoApps.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FIhrA6lXo2EnR12gv8iWU%2F24-04-2025-03-20-55.png?alt=media&#x26;token=c6c3f038-5227-4adb-9dc1-dcb1a6fe7442" alt="" width="563"><figcaption></figcaption></figure>

Customization options for the description field include:

* Setting a background color
* Choosing a border color

{% hint style="warning" %}
The description field is for display purposes only. It does **not** appear as a column in the tracker.
{% endhint %}

With the **form builder's conditional visibility** feature, you can show or hide the description field based on defined conditions.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FWdZafWO9E5J0szlhF4Wx%2F24-04-2025-03-22-43.png?alt=media&#x26;token=34f2a3b6-06c8-4eac-b0ee-e28ceb5c365c" alt="" width="563"><figcaption></figcaption></figure>

***

Click on **Save Form** to complete changes.&#x20;
