> For the complete documentation index, see [llms.txt](https://zanflow-app.gitbook.io/zanflow-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zanflow-app.gitbook.io/zanflow-docs/process/design-form/designing-form.md).

# Designing Form

Forms are designed using a simple drag and drop user interface.

## Designing a Simple Form

1. Click **1. Form Design** on the stepper menu.
2. A default form is shown. By default, the first section called section 1.
3. Click **Rename** to change the tab name and section name.
4. Click **+Tab** or **+Section** to Add a new tab or section respectively.

{% hint style="warning" %}
Add a **Section** before adding the fields into the form area.
{% endhint %}

## Adding Fields

1. Drag the field listed on the left side and drop it into the section . *Example:*Drag a text field into the first section to capture Employee Name.
2. Click <img src="https://2604032230-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MO2JgudTr1vZ-fAL48B%2F-MP8gU9__JeVTBZY3yxS%2F-MP979rKyr_5EmHXMyqk%2Fpencil.png?alt=media&amp;token=6bee53c8-3af4-46d9-93bb-85c2cfdb688f" alt="" data-size="original"> to edit the field properties.
3. On the left side, enter the Field  **Name** and **Label** in the Field Properties form .
4. Click **Save**.

{% hint style="warning" %}
Field Name should not contain spaces or special characters
{% endhint %}

{% hint style="info" %}
Select **Reportable** check box to display a particular field in the Reports
{% endhint %}

&#x20;