> For the complete documentation index, see [llms.txt](https://docs.valtimo.nl/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.valtimo.nl/configuration-guides/cases/case-details/header.md).

# Header

The Header sub-tab configures the fields shown at the top of a case's detail page — for example, key applicant or case details that should be visible at a glance, regardless of which tab is selected.

The header supports exactly one **Fields** widget, laid out in up to four columns. Each column can contain any number of fields, each showing a label and a value resolved from a path on the case or document.

***

## Configuring a header

{% stepper %}
{% step %}
Expand **Admin** in the left sidebar
{% endstep %}

{% step %}
Click **Cases** under the Configuration section
{% endstep %}

{% step %}
Click a case definition to open it
{% endstep %}

{% step %}
Click the **Case details** tab, then the **Header** sub-tab

<figure><img src="https://3330064618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq5dx9HWFJGshztp4binE%2Fuploads%2Fgit-blob-7524526e27a29a4218e13a27566c5183ad6ad470%2F01-header-empty-state.png?alt=media" alt=""><figcaption><p>Header sub-tab empty state</p></figcaption></figure>
{% endstep %}
{% endstepper %}

### Adding a header widget

{% stepper %}
{% step %}
Click **Add widget**
{% endstep %}

{% step %}
Since Fields is the only available widget type for the header, select it and click **Next**

<figure><img src="https://3330064618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq5dx9HWFJGshztp4binE%2Fuploads%2Fgit-blob-61563b13e987d473cf66f01b11e676a16c624400%2F02-add-widget-type-step.png?alt=media" alt=""><figcaption><p>Add widget wizard type step</p></figcaption></figure>
{% endstep %}

{% step %}
Configure the widget content. Fields are organized into columns — use the **+** tab to add another column (up to four), and **Add field** to add a field row within a column:

<figure><img src="https://3330064618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq5dx9HWFJGshztp4binE%2Fuploads%2Fgit-blob-499306900860600bc74f1b8ce84398c31af329bd%2F03-add-widget-content-step-filled.png?alt=media" alt=""><figcaption><p>Add widget wizard content step</p></figcaption></figure>

| Property                 | Description                                                                                                       |
| ------------------------ | ----------------------------------------------------------------------------------------------------------------- |
| Title                    | Label shown above the field's value                                                                               |
| Display type             | How the value is formatted: Text, Yes/No, Currency, Date, Date and time, Enumeration, Number, Percentage, or Link |
| Value                    | Path to the case or document property to display, selected from a dropdown of available paths or typed manually   |
| Ellipsis character limit | For Text fields, truncates long values with an ellipsis after this many characters                                |
| Hide when empty          | Hides the field entirely if its resolved value is empty                                                           |

Some display types reveal additional options, such as a currency code for Currency, a date format for Date, or repeatable value pairs for Enumeration.
{% endstep %}

{% step %}
Click **Save**

Only one widget can exist in the header. Once configured, **Add widget** is disabled — edit or delete the existing widget via its row's overflow menu (⋮) instead:

<figure><img src="https://3330064618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq5dx9HWFJGshztp4binE%2Fuploads%2Fgit-blob-97ace635ad9328de77f9ccf6d11f6395770d91f9%2F04-header-widget-configured-list.png?alt=media" alt=""><figcaption><p>Header with configured widget</p></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="info" %}
The header widget has no separate widget title, icon, width, or JSON editor options — it always spans the full header width and is edited only through this form.
{% endhint %}
