# Editing elements

### Editing a single element

Each element can be edited via the **Pencil** icon.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FLvAIFq0b7SAtGiRscvia%2Fedit-elements-via-pencil-icon.png?alt=media&#x26;token=150bcbb8-9891-4439-b108-6c2d04ef56a8" alt="Edit text input field element."><figcaption><p>Edit text input field element.</p></figcaption></figure></div>

The **Element Settings & Options** section will open up where you can change the available settings for this specific element.&#x20;

By default it will display the **General** settings which are settings that you most commonly will be changing. Depending on what element you are editing you can browse to different sub-settings by clicking on the dropdown and choosing the specific setting category like so:

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FzgdTihlUt4KxjW3e1tyy%2Fedit-element-section-category.png?alt=media&#x26;token=177e2c5c-a6c3-4eec-aace-8eb26b621e97" alt="Switching to a different element setting category/section."><figcaption><p>Switching to a different element setting category/section.</p></figcaption></figure></div>

After you are done making the necessary changes for your element click **Update Element** button.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2Flu4qHvjI9NmSEybyyOcM%2Fupdate-element-settings.png?alt=media&#x26;token=06eb14e7-7882-4cca-a146-4da73621ff09" alt="Updating the element settings."><figcaption><p>Updating the element settings.</p></figcaption></figure></div>

After you made changes to your form, you can update it by clicking the **Save** button.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FJ09jzaWxDEWswMMreOmZ%2Fsaving-the-form.png?alt=media&#x26;token=93fd3a45-5722-4e6c-898d-6987fcb8c958" alt="Saving changes made to the form."><figcaption><p>Saving changes made to the form.</p></figcaption></figure></div>

A quick demonstration on how to edit an element, updating the settings and saving the form.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2Fu6bdwnVfmgF7LIVkRoUJ%2Fediting-elements-and-saving-the-form.gif?alt=media&#x26;token=61ec94b5-f69c-410a-8b0d-82f9d3a42fb0" alt="Edit the element, update the settings and saving the form."><figcaption><p>Edit the element, update the settings and saving the form.</p></figcaption></figure></div>

### Deleting elements

To delete an existing element you can click the **X** icon at the top right of any element. If the element has inner elements (think of a column or multi-part) then all of it's inner elements will also be deleted. If you deleted an element by accident you can use the Undo/Redo buttons to revert the change.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FoMzsp3kK6Ff68cRdfFTp%2Fdelete-an-existing-element.png?alt=media&#x26;token=663e864c-e657-430b-9d27-1a0bcfc47254" alt="Delete element."><figcaption><p>Delete element.</p></figcaption></figure></div>

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2F33rkZJ59gnpciTmNPLUU%2Fdemonstration-on-how-to-delete-elements.gif?alt=media&#x26;token=ab7db817-c8f1-42be-9545-5d0dadd85b05" alt="Demonstration on how to delete elements."><figcaption><p>Demonstration on how to delete elements.</p></figcaption></figure></div>

### Minimizing & maximizing elements

To **minimize** or **maximize** elements you can click the \[-] icon at the top right of each element. When you minimize an element that contains inner elements, it will hide all of it's inner elements. This makes it easy to move or rearrange many elements at the same time. Once an element is minimized you can click the same icon to maximize it again.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FKsQf4CWKBHZjYOpVRDqo%2Fminimizing-an-element.png?alt=media&#x26;token=6ebf6a2f-e8d0-4de1-8d3e-aad2c5c6a67b" alt="minimize element."><figcaption><p>minimize element.</p></figcaption></figure></div>

To minimize or maximize **all elements at once** you can use the following buttons instead:

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FquxVPevHNpxwGuSV45e2%2Fminimize-or-maximize-all-elements.png?alt=media&#x26;token=a14a23cd-cccb-4e96-853e-bd10a71e70ba" alt="minimize or maximize all elements."><figcaption><p>minimize or maximize all elements.</p></figcaption></figure></div>

Demonstration on how to minimize and maximize your elements:

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2F5CvtU0nrV9yTNzZr6RCO%2Fdemonstration-minimizing-maximizing-elements.gif?alt=media&#x26;token=41851ac2-8766-4501-9e45-0928a983482d" alt="minimizing and maximizing elements demonstration."><figcaption><p>minimizing and maximizing elements demonstration.</p></figcaption></figure></div>

### Undo & Redo changes (revert changes)

When working on your form Super Forms will keep track of what your last changes were. If you accidently deleted an element you can click the **Undo** & **Redo** buttons to get back to the previous change.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FWROVetsxrhUEBp1rXFBc%2Fundo-redo-form-changes.gif?alt=media&#x26;token=0d88410a-4e2e-4d28-8264-7fbd59288606" alt="revert changes."><figcaption><p>revert changes.</p></figcaption></figure></div>

### Restoring from an automatic backup

Backups will be created automatically by Super Forms each time you **Save** the form. This can come in handy when you wish to revert the form back to a previous "version".&#x20;

{% hint style="info" %}
In total, a maximum of **50** backups **per form** will be created. Once this limit is reached any older backups will be deleted automatically in order to keep your database clean.
{% endhint %}

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2Fg38Vl9ntAUzOAXqSOMGv%2Frestoring-and-deleting-form-backups.gif?alt=media&#x26;token=40566b2b-f18b-4f97-b660-42dfe299251e" alt="Restoring form backups."><figcaption><p>Restoring form backups.</p></figcaption></figure></div>
