mirror of
https://github.com/directus/directus.git
synced 2026-02-10 14:25:05 -05:00
e843d1a775
* created new display templates page * first draft complete, should be fully ready to go live
26 lines
1.1 KiB
Markdown
26 lines
1.1 KiB
Markdown
# 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 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.
|
|
|
|
:::
|