# Customize form field

This guide shows how to easily rearrange, resize, duplicate, hide, or delete fields in your form using drag-and-drop.

1. In your app dashboard, go to **Forms**
2. Either:
   * Click **Create New Form** (if you’re starting a new form)
   * Or select an existing form to edit.

Now you will see the form builder with a live preview of your form.

***

### 📝 Step 1: Enter “Edit” Mode (Drag-and-Drop)

* In the form builder preview, move your mouse over the form area.
* When you hover over the preview, click the **Edit icon** (usually a pencil or edit symbol) — this activates drag-and-drop mode.

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FFHKsf5qlLYOKTFPpghkC%2Fimage.png?alt=media&#x26;token=da1d58b3-33a9-4475-9d24-a212fe616bc0" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 2: Use the Field Toolbar to Modify Fields

Hover over any field inside the preview - a small toolbar appears. The toolbar gives you 5 quick actions:

* **Move** — drag the field to a different row or column.&#x20;
* **Change Width** — adjust the field width (options: 1/3, 1/2, or full width).&#x20;
* **Duplicate** — create an exact copy of the field (with all its settings).
* **Hide** — make the field invisible on the form (but keep it saved).&#x20;
* **Delete** — permanently remove the field from the form.

***

### 📝 Step 3: Rearrange Fields (Drag-and-Drop)

Once you’re in edit mode, you can:

* Drag any field to a new position — reorder fields, group fields
* Place multiple fields in the same row (side-by-side) for a compact layout.
* Adjust each field’s width to control how much space it takes (narrow, half-width, full-width) using the toolbar.

***

### 📝 Step 4: Finalize and Save

Once you’re happy with your field layout and arrangement:

* Click **Save**
* Preview your form in both **Desktop** and **Mobile** views

***

### ▶️  Tutorial video

{% embed url="<https://youtu.be/a3QWDH8xIUk>" %}

***

#### Need More Help?

If you still need assistance, please contact us at [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.