# Form Building Overview

Navigate to Forms tab and click "New" button.

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FGgGCDsxPYbyRqky1K8I6%2Ffile.excalidraw.svg?alt=media&#x26;token=e945b02c-922d-41ed-906b-55cb3a80fcc6" alt="" class="gitbook-drawing">

New Form screen will show up. First, select a Data Source. Data source is object the form is associated with:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2F5JeYBMulZCy67XG5hl7R%2Ffile.excalidraw.svg?alt=media&#x26;token=be350cd8-ad1a-41f4-8a85-d3fa27d937ba" alt="" class="gitbook-drawing">

{% hint style="success" %}
If you can't find your object in the list it means it maybe has not been added to list of "Allowed objects" on "Settings" tab (Settings -> [Objects Settings](https://docs.flexikanban.ai/references/application-settings#object-settings)).&#x20;
{% endhint %}

Once data source is selected, all object required fields will appear in a new form default section. Other object fields you can find in the "Data Source Fields" section of the left sidebar. Fields are sorted alphabetically and grouped in collapsible sections:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FRyfM9PLijYKBrpZowLUj%2Ffile.excalidraw.svg?alt=media&#x26;token=6f584939-2f3f-4dd9-9305-58acccc9dd57" alt="" class="gitbook-drawing">

User can add to a form other type of fields as:

* [Virtual fields](https://docs.flexikanban.ai/components/components/add-and-remove-form-components#virtual-fields)
* [Options](https://docs.flexikanban.ai/components/components/add-and-remove-form-components#options) (sections, blank spaces, custom buttons, lists, file and image inputs, static texts, etc.)
* [Related Lists](https://docs.flexikanban.ai/components/components/add-and-remove-form-components#related-lists)

{% hint style="info" %}
See proper article about fields and other form components and how to add them to the form.
{% endhint %}

Using components of the Right sidebar you can:

* Settings - set basic properties of form or form elements
* Context - pick fields of available context objects
* Search - find location of form elements

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2Fw6vwAkuv7FIkm6zd1PDT%2Ffile.excalidraw.svg?alt=media&#x26;token=b6b07c0d-e2e2-4ece-a37f-599665e3f714" alt="" class="gitbook-drawing">

Form builder toolbar contains the following components:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FAk75oARXQbkAMAs4eFXn%2Ffile.excalidraw.svg?alt=media&#x26;token=bbd8efa1-4f42-493c-bd87-7d5e984b4625" alt="" class="gitbook-drawing">

* **"Close"** button -  closes currently opened form and returns to page what user navigated from. If there are unsaved changes, asks for confirmation.
* **"Save"** button - saves changes in currently open form. If this button is not disabled, this indicated the presence of unsaved changes.
* **"Delete"** button - deletes selected elements from the form canvas.
* **"Action"** menu contains the following items:
  * **Run**  - helps to [preview the form](https://docs.flexikanban.ai/components/forms/basics/how-to-preview-the-form).
  * **Open Sharing Rules** - user can [share the form](https://docs.flexikanban.ai/components/forms/basics/how-to-configure-the-form-sharing-rules) to the Individual User, Public Group, Roles, Roles and Subordinates.
  * **Clone** - clones the current form.
  * [**Show Dependencies**](https://docs.flexikanban.ai/components/forms/basics/understanding-the-form-dependencies) - helps to see where the current Form is used.
* **"Tools"** menu contains the following items:
  * [**Fields**](https://docs.flexikanban.ai/components/forms/tools/additional-fields) - allow to add needed fields to form context objects (useful in some cases)
  * [**Variables**](https://docs.flexikanban.ai/components/forms/tools/variables) - allow to manage form variables
  * [**Form Action**s](https://docs.flexikanban.ai/components/forms/tools/form-action) - allow to configure form actions
* **"Help"**- links to the Documentation web site.