# Detail page widgets

[Detail layout](/stacker-classic/layout-types/detail-layout.md) shows data of a single record. You can customize how you display that data using widgets:

* [Field](#h_01fzg25e1f3ebeezdn6n0pqh4q)
* [Highlights](#h_01fzg25pzkrxcc0bc6tawdhznw)
* [Pipeline](#h_01fzg25yb6jb4pbamdx4dd2sjf)
* [Banner](#h_01fzg264v5ge1awqgr4315p4z6)
* [Related Record](#h_01fzg26czyx3vra4qftzx1j7t9)
* [Related Record List](#h_01fzg26n0dndvxhn3g2k6kk7sy)
* [Embed](#h_01fzg26y1zg014n0wnh31bqjnq)
* [Text](#h_01gm5wfp3kq5d6hw9vbjwxv68f)
* [Callout](#h_01gm5wfzy6j1g7f0r17xenebj1)
* [Quick Links](#h_01gm5wg9mf4hzmkmgs6h9fdzzn)

### Field <a href="#h_01fzg25e1f3ebeezdn6n0pqh4q" id="h_01fzg25e1f3ebeezdn6n0pqh4q"></a>

The Field Widget lets you choose fields that you would like to show to your users.

![Field\_Widget\_-Stacker.png](https://support.stackerhq.com/hc/article_attachments/5206196969235)

### Highlights <a href="#h_01fzg25pzkrxcc0bc6tawdhznw" id="h_01fzg25pzkrxcc0bc6tawdhznw"></a>

Make key data easier to see with Highlights Widgets. You can highlight up to four key fields per section.

![Highlight\_Widget\_-\_Stacker.png](https://support.stackerhq.com/hc/article_attachments/5205844440339)

### Pipeline <a href="#h_01fzg25yb6jb4pbamdx4dd2sjf" id="h_01fzg25yb6jb4pbamdx4dd2sjf"></a>

Show the status of a process and update the status by clicking the Pipeline Widget.

![pipeline-stacker.png](https://support.stackerhq.com/hc/article_attachments/5203682210963)

### Banner <a href="#h_01fzg264v5ge1awqgr4315p4z6" id="h_01fzg264v5ge1awqgr4315p4z6"></a>

Give users explanations and instructions, as well as links to external resources with the [Banner Widget](https://support.stackerhq.com/hc/en-us/articles/5347123425171-Detail-Banner-Widget).

![Banner\_Widget\_-\_Stacker.png](https://support.stackerhq.com/hc/article_attachments/5208753345555)

### Related Record <a href="#h_01fzg26czyx3vra4qftzx1j7t9" id="h_01fzg26czyx3vra4qftzx1j7t9"></a>

Display a single related record in a detail layout. You must have at least one linked record field in your table to use a Related Record Widget

![related-record-stacker.png](https://support.stackerhq.com/hc/article_attachments/5204832861331)

### Related Record List <a href="#h_01fzg26n0dndvxhn3g2k6kk7sy" id="h_01fzg26n0dndvxhn3g2k6kk7sy"></a>

Display a Related Record List in your detail layout. If you have more than one related record, you can display the whole list.

![Related\_Record\_List\_-\_Stacker.png](https://support.stackerhq.com/hc/article_attachments/5206921509907)

### Embed <a href="#h_01fzg26y1zg014n0wnh31bqjnq" id="h_01fzg26y1zg014n0wnh31bqjnq"></a>

Embeds allow you to embed an iFrame into your layout. Add forms, graphs and urls into your layouts with the Embed Widget

![Embed\_Widget\_-\_Stacker.png](https://support.stackerhq.com/hc/article_attachments/5208241841811)

### Text <a href="#h_01gm5wfp3kq5d6hw9vbjwxv68f" id="h_01gm5wfp3kq5d6hw9vbjwxv68f"></a>

Give your users more content, details or explanations with the Text Widget.

![Text\_Widget\_-\_Stacker.png](https://support.stackerhq.com/hc/article_attachments/12106127797395)

### Callout <a href="#h_01gm5wfzy6j1g7f0r17xenebj1" id="h_01gm5wfzy6j1g7f0r17xenebj1"></a>

Call attention to important information with the Callout Widget. There are 6 different callouts to choose from.

![Callout\_Widget\_-\_Stacker.png](https://support.stackerhq.com/hc/article_attachments/12106825671955)

### Quick Links <a href="#h_01gm5wg9mf4hzmkmgs6h9fdzzn" id="h_01gm5wg9mf4hzmkmgs6h9fdzzn"></a>

Display links to external resource documents or back to pages in your Stacker app to give your users easy access within the layout using a Quick Links Widget.

<figure><img src="https://support.stackerhq.com/hc/article_attachments/12106379906835" alt=""><figcaption></figcaption></figure>

### Edit Widgets

1. Click **Edit Layout**
2. Select the widget to edit
3. You can move, duplicate, or delete a widget

![widget\_options.gif](https://support.stackerhq.com/hc/article_attachments/15100444279955)


---

# 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-classic/layout-types/detail-layout/detail-widgets.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.