> For the complete documentation index, see [llms.txt](https://joinpoints.gitbook.io/doku/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://joinpoints.gitbook.io/doku/ansichten/pipeline-ansicht/kachel-design.md).

# Kachel-Design

Lege fest, welche Informationen und Bilder Prozesskacheln anzeigen.

Über das Kachel-Design legst du fest, wie Prozesse in der Pipeline angezeigt werden. Bestimme, welche Informationen direkt auf einer Kachel sichtbar sind.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FUlO2T0ZE9rBQL34pMEp3%2Fimage.png?alt=media&amp;token=2b01493d-6ff5-4520-819d-271d00a82878" alt="" width="479"><figcaption></figcaption></figure></div>

### Aufgaben anzeigen

Lege fest, ob Aufgaben auf der Prozesskachel angezeigt werden.

### Bild überblenden

Mit **Bild überblenden** legst du fest, ob ein hinterlegtes Bild auf der Prozesskachel angezeigt wird.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FJqxovJzCzh1K0OdiqkdY%2Fimage.png?alt=media&amp;token=57e47ba2-b0bd-4290-a4e5-04e05945062a" alt="" width="181"><figcaption></figcaption></figure></div>

### Layout für angezeigte Felder

Lege fest, wie Felder auf der Prozesskachel dargestellt werden.

* **Nur Wert** — Zeigt nur den Feldwert ohne Bezeichnung.
* **Box** — Zeigt Feldname und Wert kompakt auf der Kachel.
* **Tabelle** — Zeigt den Feldnamen links und den zugehörigen Wert rechts.

### Details anzeigen

Unter **Details anzeigen** legst du fest, welche Felder direkt auf der Kachel sichtbar sind.

Ziehe die gewünschten Felder per **Drag-and-drop** zwischen **Angezeigte Felder** und **Ausgeblendete Felder**.

Ändere auch die Reihenfolge der angezeigten Felder per **Drag-and-drop**. So bestimmst du, welche Informationen zuerst auf der Kachel erscheinen.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FGY8KWQqE0LOZ0BX4F2wz%2Fimage.png?alt=media&amp;token=dab70fec-9830-47a0-9a84-7351f4b086d5" alt="" width="309"><figcaption></figcaption></figure></div>

***