# Widgets

Choose how to display your information using flexible layouts, tabs, dividers and widgets to grab attention where you want it.&#x20;

<div align="left"><figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FROmy3ZHAg7HkLzChwUDQ%2FCleanShot%202025-09-24%20at%2012.32.25%402x.png?alt=media&#x26;token=7011e67c-dd75-42db-9799-9ce2b5a14eb9" alt="" width="136"><figcaption></figcaption></figure></div>

## Section

Sections give you flexibility to display your data up in columns, add buttons, make them collapsable or highlight the section. Drag a section widget to the main screen and decide on what type of flexibility your page has:&#x20;

<div align="left"><figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FyMtkc8B0Ms7iVwLMkCSb%2FCleanShot%202025-09-24%20at%2012.35.41%402x.png?alt=media&#x26;token=15a50e51-6119-4d2a-84b6-a22d09c7c619" alt="" width="163"><figcaption></figcaption></figure></div>

## Tabs

Use tabs to create different pages within your detail page. Decide on the names of the tabs and drag and drop widgets to create unique pages showing different information.&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FkOM2PV1ghXVpiw6auevy%2FCleanShot%202025-09-24%20at%2012.38.23%402x.png?alt=media&#x26;token=ecd0365a-9e65-47af-ade7-3183b6a7bdc3" alt=""><figcaption></figcaption></figure>

## Dividers

Use dividers to break up the page:&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2F2NfhirUZ6OTvzYUGdKR8%2FCleanShot%202025-09-24%20at%2012.39.33%402x.png?alt=media&#x26;token=ea63ee16-12d9-44d2-b360-1beba2a37d91" alt=""><figcaption></figcaption></figure>

## Fields

Click "choose fields to display" to decide which fields you want to show in your widget.&#x20;

Hover over a field name to show the pencil widget to make changes such as changing the Interface label name, hiding the label, a description to show under the details or as a tool time next to the label, decide on truncation settings, requirements for fields or to show as an image.&#x20;

<div align="left"><figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2F5DOQoyGI7EHN4Ouc6EBF%2FCleanShot%202025-09-24%20at%2012.41.04%402x.png?alt=media&#x26;token=6401e4fe-92ba-4e94-bb1f-2addc8de4362" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FktgBHlt7S94KxCApONzF%2FCleanShot%202025-09-24%20at%2012.44.43%402x.png?alt=media&#x26;token=26921605-51dd-4d08-97bb-ae7e3c48afc9" alt="" width="375"><figcaption></figcaption></figure></div>

## List View

Display other tables on your record layout. These are tables that point to other data in your app. Set these lists to only show related records when you have a linked record on the table.&#x20;

{% hint style="info" %}
List views are standalone tables of your data. Editing the layout of the list view will not effect the layout in your navigation and vis versa.&#x20;
{% endhint %}

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FI7slGPViHQjpwy6rTHkT%2FCleanShot%202025-09-24%20at%2012.49.46%402x.png?alt=media&#x26;token=46fbe498-ab08-4ec4-8c0f-6d1a915fe841" alt=""><figcaption><p>Line items is the list view on my orders record</p></figcaption></figure>

Click on your list view to make changes to the list layout, decide on the fields that show, actions available, etc.&#x20;

&#x20;![](https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FvHQB5UmrVbUn84vw4y99%2FCleanShot%202025-09-24%20at%2012.51.48%402x.png?alt=media\&token=a973ff59-4861-4520-a60d-0b3b0331c743)

## Feed

Add the feed to a section on your layout or its own tab. Giving you more flexibility on where the feed is viewed.

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2F9qIGf89mzvtjMYE7fXLt%2FCleanShot%202025-04-18%20at%2012.30.55%402x.png?alt=media&#x26;token=0d2840c2-f49c-4dbd-bff1-9050b90bf97f" alt=""><figcaption></figcaption></figure>

The feed also gives you an audit of all of the changes made to record:&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FlxMr5KurTX2hXYvwv9Bn%2FCleanShot%202025-09-24%20at%2012.53.35%402x.png?alt=media&#x26;token=6730ac23-31c1-4179-bb2e-4f5c0fcc7c10" alt="" width="563"><figcaption></figcaption></figure>

## Banner

Choose a banner and decide on the style of the banner to show warnings, tips, success messages and more.&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FKFQ6RW7LezYrnEoIrnJG%2FCleanShot%202025-04-18%20at%2012.32.22%402x.png?alt=media&#x26;token=05315bb0-771a-45d6-b747-4c58acb3b1dc" alt=""><figcaption></figcaption></figure>

## Embed

Embed an image or attachment from a field or URL to your detail page:

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FMGTA0A0aGPOEUuWGfmdn%2FCleanShot%202025-04-18%20at%2012.54.24%402x.png?alt=media&#x26;token=0ca616bc-65f3-4141-9c51-036692f0fa40" alt=""><figcaption></figcaption></figure>

## Pipeline

Display your status fields as a pipeline that can be clicked to move to the next phase.

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FC2os4YDiOP6sOx8NXu2i%2FCleanShot%202025-04-18%20at%2012.36.56%402x.png?alt=media&#x26;token=1c1150f0-63b7-473a-8bac-d7cbc514b1d4" alt=""><figcaption></figcaption></figure>

**Or display the pipeline vertically:**

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FsRuq6D1GskmPJsGLMmgW%2FCleanShot%202025-04-18%20at%2012.37.07%402x.png?alt=media&#x26;token=bb622f30-dba5-40ca-9a32-656145557e97" alt="" width="375"><figcaption></figcaption></figure>

## Link Blocks

Create reusable link blocks and display them in boxes or full width. Link blocks can point to fields, external links or other pages in your app.&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FdEd7bLMXBMr06nyPAj1W%2FCleanShot%202025-04-18%20at%2012.39.34%402x.png?alt=media&#x26;token=13bf760d-af9e-4f8c-8e2f-6848b9f1c314" alt="" width="372"><figcaption></figcaption></figure>

Give your block a header, title, subtitle and choose where to link your block: internal, external, or from a field.

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FroTFG79IUmbXiFAwdTZt%2FCleanShot%202025-04-18%20at%2012.41.12%402x.png?alt=media&#x26;token=dd90013e-8f0e-44f0-aec3-cca62d95669c" alt=""><figcaption></figcaption></figure>

## Highlights

Show important data in highlight widgets with styled boxes or unstyled. Choose to show the Icons or labels, or let the data speak for itself.

&#x20;![](https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FTrel3GYNXKi0lGWNAzss%2FCleanShot%202025-09-24%20at%2012.58.05%402x.png?alt=media\&token=e0a60428-b07b-40e1-951b-be7bdd628220)

<div align="left"><figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FTEfaWwpjHIIs95qCFHqk%2FCleanShot%202025-09-24%20at%2012.57.14%402x.png?alt=media&#x26;token=73ca2da3-7587-4f0d-bdba-f95d15dd44dc" alt=""><figcaption></figcaption></figure></div>

## Record Card

Show a one record card view of a related record. Choose to show information from a specific field or from the current record. Decide on style and if you want to show an action button.&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FRFugvT0eMCQeQ0SujJUJ%2FCleanShot%202025-09-24%20at%2013.03.06%402x.png?alt=media&#x26;token=97407a2b-92d3-4270-809b-6571186cf59e" alt=""><figcaption></figcaption></figure>

## Gallery Widget

Show one image or multiple images from a field or upload.&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FoMQzzqVi7t9otmHOSddl%2FCleanShot%202025-09-24%20at%2013.06.22%402x.png?alt=media&#x26;token=e7aaa322-698b-4f35-864e-caba078ad93b" alt=""><figcaption></figcaption></figure>

## Attachments

Display attachments in a card or list view that can be easily downloaded by users or upload more files from the widget.&#x20;

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2FgSZ1mcfQ6ihXhIJo7PDN%2FCleanShot%202025-09-24%20at%2013.10.41%402x.png?alt=media&#x26;token=fb238de5-1d3e-4ff5-92eb-d917667ff046" alt=""><figcaption></figcaption></figure>

## AI Agents (beta)

Add your AI Agents to your detail pages:

<figure><img src="https://3670244749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6QaGf7ZvNU2Re8mlQTaJ%2Fuploads%2F4qNJSj7EWRwFRH3y8vq2%2FCleanShot%202025-04-18%20at%2012.51.08%402x.png?alt=media&#x26;token=a8a4f1f6-ef60-406b-a5e0-aa65c1b6be37" alt=""><figcaption></figcaption></figure>
