Problem

Die Anpassung der Darstellung in Abhängigkeit des aktuellen Wertes ist aktuell nicht (einfach/in-app) möglich.

Wunsch

Man möchte ggfs. Hintergrundfarbe, Font Farbe, -weight, -style oder Rahmen in Abhängigkeit des Spaltenwertes anpassen können.

Umsetzung

Es gibt eine neue Option für "Spaltenkonfigurationen" bei Tabellen und Grids: "Spaltenanpassungen". Mit dieser Option kann man für eine auszuwählende Spalte UI-Einstellungen vornehmen: Eine neue Option ist dabei "CSS Klassen". Hierüber können sowol statische als auch dynamische CSS-Klassen auf Inhalten gesetzt werden.

Über eine dynamische CSS-Klasse kann man für eine Spalte eine Funktion konfigurieren, die eine CSS Klasse aufgrund des Zellenwertes bestimmt. Die konkrete Darstellung kann dann über ein Add-on zu dem Theme definiert werden. Es gibt vom Core-Theme vordefinierte Klassen, mit denen man unterschiedliche farbliche Auszeichnungen vornehmen kann:

• tl-info
• tl-success
• tl-warning
• tl-danger
• tl-debug,
• tl-accent-1
• tl-accent-2
• tl-accent-3

Alle diese Klassen lassen sich mit der Klasse tl-lighter kombinieren um einen leichteren Farb-Akzent zu setzen.

Die Akzent-Klassen lassen sich jetzt ebenfalls in Font-Icons verwenden, um das Icon entsprechend einzufärben.

Test

Dynamische Formattierung ist in tl-demo in den Sichten "Technisches Demo > Komponenten > Tabellen und Bäume > Tabelle" und "Technisches Demo > Komponenten > Tabellen und Bäume > Grid" eingebaut.