--- title: "Bedingte Formatierung" slug: "product-docs-template-7" status: "new" updated: 2026-10-22T09:38:58Z published: 2026-10-22T09:38:58Z canonical: "support.tulip.co/product-docs-template-7" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.tulip.co/llms.txt > Use this file to discover all available pages before exploring further. # Bedingte Formatierung *Erfahren Sie, wie Sie bedingte Formatierung im interaktiven Tabellen-Widget verwenden.* :::(Info)To use conditional formatting, you need to have an interactive table widget with a datasource in your app. If you don’t have one yet, read [Building Your First Table: Walkthrough](https://support.tulip.co/docs/building-your-first-table-walkthrough). ::: In diesem Leitfaden erfahren Sie, wie Sie:* neue Regeln für die bedingte Formatierung einrichten* verschiedene Regeltypen für die bedingte Formatierung verstehen* Feldvergleiche in Ihren Formatierungsregeln verwenden* Fehlerzustände bei der bedingten Formatierung beheben ## Eine Regel einrichten 1. Klicken Sie auf das Widget „Interaktive Tabelle“ und wechseln Sie zum **Side Pane**. 2. Scrollen Sie nach unten zum Abschnitt **„Bedingte Formatierung** “. 3. Klicken Sie auf **„+“**, um eine neue Regel hinzuzufügen. 4. Standardmäßig ist das erste Field im Widget ausgewählt, und eine Basisregel wird automatisch konfiguriert. ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28824%29.png) ### Beispiel - Das erste Feld, **„Beschreibung“**, ist ausgewählt. - Wenn die Daten in diesem Feld **nicht leer** sind, wird der Hintergrund grün mit weißem Text formatiert. - Diese Formatierung gilt nur für die Spalte **„Beschreibung** “. ### Regelübersicht Die **Regelübersicht** listet folgende Details auf:* **Formatierung**: Die Textfarbe und die Hintergrundfarbe * **Quellfeld**: Das Feld, auf das die bedingte Formatierungsregel angewendet wird* **Bedingung**: Die Voraussetzung, die erfüllt sein muss, damit die Formatierung angewendet wird* **Argument**: Die Logik, die erfüllt sein muss, damit die Formatierung angewendet wird* **Formatierung angewendet auf**: Die Anzahl der Felder, auf die die Formatierung angewendet wird Dies ist die Regelübersicht für das [obige Beispiel](/r230/docs/how-to-use-conditional-formatting#example):![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28825%29.png) Beachten Sie, dass in der Regelzusammenfassung die **Bedingung** und nicht das **Argument** erscheint. Das liegt daran, dass unsere bedingte Formatierung unter der Bedingung gilt, dass das Feld **nicht leer ist**. Im [dritten Beispiel](/r230/docs/how-to-use-conditional-formatting#example2), das wir später in diesem Artikel verwenden werden, nutzt die bedingte Formatierung ein **„Enthält“-Argument**. Für dieses Beispiel sieht die Regelzusammenfassung wie folgt aus:![conditional formatting rule summary with argument.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/conditional%20formatting%20rule%20summary%20with%20argument.png) ## Eine Regel bearbeiten 1. Bewegen Sie im Abschnitt **„Bedingte Formatierung** “ den Mauszeiger in der Liste über die **Regel**, die Sie bearbeiten möchten. 2. Klicken Sie auf das **Stiftsymbol**, um sie zu ändern. 3. Wählen Sie das für Ihren Anwendungsfall geeignete Quellfeld und den Bedingungstyp aus. 4. Wählen Sie für das Argument entweder einen statischen Wert oder eine Variable aus. Die Änderungen werden sofort auf das Widget angewendet. ### Beispiel Wir können **„Status“** auswählen, den Bedingungstyp auf **„Gleich“** setzen und als statischen Wert **„Offen“** festlegen. Anschließend wenden wir einen roten Hintergrund mit weißer Textformatierung an und legen fest, dass die Regel auf alle Felder angewendet wird. ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28830%29.png) Nun heben wir Zeilen hervor, die das Wort „Fehler“ in der **Beschreibung** enthalten, indem wir einen dunkleren roten Hintergrund anwenden. ## Regelausführung Regeln werden in der Reihenfolge ausgewertet, in der sie aufgeführt sind. - Die **erste Regel**, die als wahr erkannt wird, bestimmt die Formatierung der Zelle oder des Bereichs. - Um **die Reihenfolge der Regeln zu ändern**, klicken Sie auf eine Regel und ziehen Sie sie an eine neue Position. ### Beispiel Wir wenden die Bedingung **„Enthält“** auf **„Beschreibung“** an, legen den statischen Wert auf **„Fehler“** fest und wenden eine rote Formatierung an. Wir verschieben diese Regel in der Hierarchie nach oben, um sicherzustellen, dass sie Vorrang hat. ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28838%29.png) ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28831%29.png) ### Verwendung einer Variablen in einer Regel Wenn ein Argument eine Variable verwendet, die keinen Standardwert hat, wird die Regel im App-Editor nicht ausgeführt, wohl aber, sobald ein Wert vorhanden ist (entweder im Entwicklermodus oder im Player). ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28837%29.png) ## **Fehlerzustände** Damit die bedingte Formatierung ausgeführt wird, stellen Sie sicher, dass die folgenden Abschnitte ausgefüllt sind:* **Quellfeld*** **Argument(e)*** **Formatierung anwenden auf** Darüber hinaus führen die folgenden Szenarien zu Fehlern bei der bedingten Formatierung: 1. **Fehlendes Quellfeld oder archivierte Felder: Wenn**ein Quellfeld archiviert oder aus dem Widget gelöscht wurde, funktioniert die Regel nicht mehr wie erwartet. Stellen Sie sicher, dass alle Quellfelder in Ihrem Widget und Ihrer Datenquelle aktiv sind. ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28840%29.png) ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28841%29.png) ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28842%29.png) 1. **Archivierte Felder im Abschnitt „Formatierung anwenden auf“: Wenn**einige Felder im Abschnitt **„Formatierung anwenden auf“** archiviert oder gelöscht wurden, andere jedoch weiterhin verfügbar sind, funktioniert die Regel weiterhin. Die archivierten Felder werden jedoch weiterhin angezeigt, und die Formatierung wird möglicherweise nicht auf sie angewendet. ![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28839%29.png) 1. **Fehlendes ArgumentfeldEine**Regel kann nicht funktionieren, wenn das Argumentfeld fehlt. Stellen Sie sicher, dass alle erforderlichen Felder ausgefüllt sind, damit die Regel erfolgreich ausgeführt werden kann. ## Eine Regel löschen So löschen Sie eine Regel:1. Bewegen Sie den Mauszeiger im Abschnitt **„Bedingte Formatierung** “ über die Regel, die Sie löschen möchten.2. Klicken Sie auf das **Papierkorbsymbol** in der oberen rechten Ecke der Regelkarte. ## Einschränkungen Richten Sie Regeln für die bedingte Formatierung mit den folgenden Einschränkungen ein, um eine optimale Leistung Ihres Widgets sicherzustellen. | | Begrenzung | | --- | --- | | **Regeln pro Widget (Stand: r333)** | 20 | | **Regeln pro Widget (vor r333)** | 10 | ## Eine Zeile hervorheben So wenden Sie eine bedingte Formatierung auf eine gesamte Zeile an (d. h. auf alle Spalten in dieser Zeile): 1. Wählen Sie im Abschnitt **„Formatierung anwenden auf“** einer Regel **alle Felder der** Zeile aus. Dadurch wird die ausgewählte Formatierung auf die gesamte Zeile angewendet, sodass Sie Zeilen mit bestimmten Bedingungen oder Kriterien hervorheben können. ## Fehlerbehebung und bewährte Vorgehensweisen Wenn Sie Probleme mit der bedingten Formatierung haben, beachten Sie bitte die folgenden bewährten Vorgehensweisen: - **Stellen Sie sicher, dass Ihre Felder aktiv sind**: Vergewissern Sie sich, dass keines der Felder, mit denen Sie arbeiten, archiviert oder gelöscht wurde. - **Prüfen Sie auf Regelkonflikte**: Da Regeln der Reihe nach ausgewertet werden, stellen Sie sicher, dass Regeln mit höherer Priorität ganz oben in der Liste stehen, wenn sie andere Regeln außer Kraft setzen sollen. - **Testen Sie Ihre Regeln**: Überprüfen Sie nach dem Einrichten oder Bearbeiten einer Regel, ob die Formatierung sowohl im App-Editor als auch im Tulip Player korrekt angewendet wird. --- Haben Sie gefunden, wonach Sie gesucht haben? Sie können auch auf [community.tulip.co](https://community.tulip.co/?utm_source=intercom&utm_medium=article-link&utm_campaign=all) vorbeischauen, um Ihre Frage zu stellen oder nachzuschauen, ob andere bereits ein ähnliches Problem hatten! **Side Pane** **(Context Pane)** The **Side Pane** is the configuration pane on the right side of the **App Editor** where steps, apps, and widgets can be configured. **Triggers** can be added to adjust widget behavior.![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Context%20Pane.png) **Table Record Field** **Table Record Fields** are single columns within a **Tulip Table.** ![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Table%20Record%20Field(1).gif)