> For the complete documentation index, see [llms.txt](https://docs.jmapcloud.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jmapcloud.io/en/jmap-cloud-portal/user-guide-for-jmap-cloud-portal/creating-forms/form-design/form-layout.md).

# 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>
