# Headers

Choose what type of header to show on your record layouts.&#x20;

Choose the header type, the top bar that shows, how big the title should be, if you want to add in a larger photo or background color, then add in your content that is important to the page: Title, highlights and quick bits of information. Add an action button to allow users to make quick actions on records.&#x20;

<figure><img src="/files/4b6sUgajXgPclp4D0wso" alt=""><figcaption></figcaption></figure>

<details>

<summary>Compact</summary>

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

</details>

<details>

<summary>Spacious</summary>

<figure><img src="/files/7rbXyDZwwmlvKvppoZeB" alt=""><figcaption></figcaption></figure>

Spacious allows you to add a large image over the top of your detail pages

**Top Bar:** Choose toolbar to show the tools on the top or next to the breadcrumbs.&#x20;

</details>

<details>

<summary>Slim bar</summary>

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

Choose the slim option to have a streamlined header to focus on the content.&#x20;

Decide on the Profile image to appear, the title and an eyebrow a piece of information that is important to the record.&#x20;

</details>

### Cover

**Choose your Cover Type**

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

### Content

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

**Profile Image**&#x20;

Choose a profile image to appear on the page as a circle under the header.&#x20;

**Title**

Choose the field you want to be your record title.&#x20;

**Subtitle, Eyebrow and Primary highlights**

Choose a field to appear next to the title, under the title and show fields that are important.&#x20;


---

# 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/headers.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.
