# Layout Options

Setup your layouts with sections, tabs and dividers:&#x20;

<figure><img src="/files/cmn8vaC90bIHYJB87P6Y" alt="" width="375"><figcaption></figcaption></figure>

## **Sections**

Add a section in to allow for more flexible page layouts that can be styled to be columns of different sizes.&#x20;

Give your entire section conditional visibility that will hide the entire section based on data on the record.&#x20;

Drag and drop your widgets into the sections or select the plus to add in your widgets.&#x20;

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

## Tabs

Add in a tabs section that is flexible and can be fit wherever you would like within your layouts.

<figure><img src="/files/8zaS0FEJnCcFkfJ1W1mK" alt=""><figcaption></figcaption></figure>

Edit your tabs and set conditional visibility to allow only sepecific people to see information or based on record information:&#x20;

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

## Divider

Add in a divider object to allow for separation of information and widgets on the layout.&#x20;

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


---

# 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.stackerhq.com/stacker-astra/customize-layouts/detail-pages/layout-options.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.
