> For the complete documentation index, see [llms.txt](https://docs.beefree.io/end-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.beefree.io/end-user-guide/content-blocks/forms/form-layout-customization.md).

# Form Layout Customization

This page discusses how your can customize your form's layout, and provides instructions on how to perform the following:

* [Adjusting a field's orientation:](#adjusting-a-fields-orientation) Select one of two field orientation options. These options are horizontal and vertical.
* [Changing your form's layout preset:](#changing-your-forms-layout-preset) Select one of three layout preset options for your form. These options are horizontal, vertical, and grid.
* [Editing your field's width: ](#editing-your-fields-width)You have the option to set your field's width to 50% or 100% when you set the layout preset to grid.

The following video provides a visual representation of how you can use the different functionalities mentioned above.

{% embed url="<https://drive.google.com/file/d/1e8lpahPP0U3LN8nZR4ZIcjdvQWrkHEv3/view?usp=drive_link>" %}

## Adjusting a field's orientation

Take the following steps to adjust a field's orientation:

1. Navigate to the sidebar.
2. Locate the **Manage Fields** section.
3. Find the field you'd like to adjust the orientation for and click the corresponding **Edit** button.
   1. A modal will appear.
   2. You will see options for **horizontal** and **vertical** under **Layout**.
4. Select the option you'd like to apply.
5. Click **Save** to confirm your changes.

**Note:** This only applies to `checkbox` and `radio` field types.

## Changing your form's layout preset

Take the following steps to adjust a form's layout preset.

1. Navigate to the sidebar.
2. Locate the **Layout** section.
3. Find the Layout drop-down menu.
4. Select **Grid**, **Vertical**, or **Horizontal** from the drop-down menu.

Your changes will automatically be applied.

## Editing your field's width

Take the following steps to edit your field's width.

1. Ensure the Layout is set to **Grid**.
2. Navigate to the field you'd like to adjust the field width for.
3. You will see a 50% or 100% field width option.
4. Select the option you'd like to apply.

Your changes will automatically be applied.

**Note:** The **Grid** must be set as the **Layout** option in the sidebar to edit the width of qualifying fields.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.beefree.io/end-user-guide/content-blocks/forms/form-layout-customization.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.