# Form Design

Each form is associated with a spatial or non-spatial data source.

Forms are designed using components arranged in simple or complex structures depending on requirements. In most cases, each form component is directly associated with a field or attribute of the data source. The **Label** and **Attachments** components are exceptions, as they are not directly linked to a data source field or attribute.

The form design interface allows you to define both the **content** and the **layout** of components.

The illustration below presents the main sections of the form design interface.

<figure><img src="/files/thgeN4EJO2kR9Z0WfhDy" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="50.3046875">#</th><th>Description</th></tr></thead><tbody><tr><td><strong>1</strong></td><td><strong>Components</strong> tab, which lists the components available for addition to the form.</td></tr><tr><td><strong>2</strong></td><td><a href="/pages/kDUw0THCDPMTRiaffx5Q">Components</a> available for the form.</td></tr><tr><td><strong>3</strong></td><td><strong>Design</strong> tab, for designing and laying out the form.</td></tr><tr><td><strong>4</strong></td><td>Design tab interface displaying the components added to the form.</td></tr><tr><td><strong>5</strong></td><td>Properties of the component selected in the Design interface.</td></tr><tr><td><strong>6</strong></td><td><strong>Layout</strong> tab, which presents the available layout options for the form.</td></tr><tr><td><strong>7</strong></td><td><a href="/pages/p9wsOWW3KBNJWA2jH3yh">Layout</a> options for the form.</td></tr><tr><td><strong>8</strong></td><td><strong>Preview</strong> tab for viewing a preview of the form.</td></tr><tr><td><strong>9</strong></td><td>Preview tab interface showing the appearance of the form in a JMap NG application.</td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jmapcloud.io/en/jmap-cloud-portal/user-guide-for-jmap-cloud-portal/creating-forms/form-design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.