mirror of
https://github.com/directus/directus.git
synced 2026-01-28 07:48:04 -05:00
33 lines
1.3 KiB
Markdown
33 lines
1.3 KiB
Markdown
---
|
|
description:
|
|
Display Templates, a utility used throughout Directus, allow you to set Field Values and custom text in order to
|
|
better represent the Items in a Collection.
|
|
readTime: 1 min read
|
|
---
|
|
|
|
# Display Templates
|
|
|
|
> Display Templates, a utility used throughout Directus, allow you to set Field Values and custom text in order to
|
|
> better represent the Items in a Collection.
|
|
|
|
## How it Works
|
|
|
|
<video title="Set Display Template" autoplay playsinline muted loop controls>
|
|
<source src="https://cdn.directus.io/docs/v9/app-guide/display-templates/display-templates-20220523A/set-display-templates-20220523A.mp4" type="video/mp4" />
|
|
</video>
|
|
|
|
Display Templates can be found in various places all throughout the App, such as [Layout Options](/app/layouts) and the
|
|
[List Panel](/app/insights#lists) in Insights. Display Templates are easy to setup, just follow these steps:
|
|
|
|
- Click <span mi icon>add_box</span> to add a Field or relationally linked Field.
|
|
- Type in any custom text as desired.
|
|
- Click the Field inline or hit `backspace` to remove it.
|
|
|
|
:::tip Keep it Short and Simple
|
|
|
|
Display Templates will let you represent Items with custom inline text, image thumbnails, dates, numbers, or pretty
|
|
anything else. However, it may look funky or run off the page if you attempt to display things like long blog posts,
|
|
JSON objects or geo-coordinates.
|
|
|
|
:::
|