# Form Layout

The **Layout** tab provides tools for visually organizing form components within the form space.

By default, components are stacked vertically. The layout tools allow you to customize this arrangement by inserting **containers** that define flexible structures. These containers can themselves contain other containers or components, providing great freedom in form design.

To add a container, drag it from the panel into the **Design** tab interface, then drop it at the desired location. Guide lines appear to indicate valid drop zones.

Using this system, you can create an unlimited number of layouts, simple or complex.

<table data-header-hidden><thead><tr><th width="150.62890625" valign="top">Container</th><th valign="top">Description</th></tr></thead><tbody><tr><td valign="top">Horizontal</td><td valign="top">Creates a <strong>row</strong> in which you can place multiple components or containers <strong>side by side</strong>.</td></tr><tr><td valign="top">Vertical</td><td valign="top">Creates a <strong>column</strong> where components or containers are arranged one <strong>above</strong> the other.</td></tr><tr><td valign="top">Group</td><td valign="top">Groups components or other containers to structure long or complex forms. Click the group to define a <strong>title</strong> in the <strong>Properties</strong> section.</td></tr><tr><td valign="top">Tab</td><td valign="top"><p>Adds tabs to efficiently organize forms containing many components. </p><p>Tabs can be placed inside other containers. </p><p>Click a tab to edit its default title in the <strong>Properties</strong> section.</p></td></tr><tr><td valign="top">Space</td><td valign="top">Inserts an empty space between two components or containers, useful for adding visual breathing room to the layout.</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/form-layout.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.
