Zeilen dynamisch anhand des Inhaltes gestalten

Über das Monitor-Setting row_style lassen sich CSS-Styles für einzelne Zeilen datenbasiert definieren. Diese Funktion kann über row_styleEnabled global ein- und ausgeschaltet werden.

Beispiel

[
  {
    "columnList": ["STATUS"],
    "rowClasses": ".-STATUS-ERROR {background-color: rgba(255, 211, 211, 0.2);}",
    "views": ["viewA", "viewB"]
  },
  {
    "columnList": ["STATUS"],
    "rowClasses": ".-STATUS-ERROR {background-color: green;}",
    "views": ["viewC", "viewD"]
  }
]

Unter columnList werden diejenigen Spalten aufgeführt, deren Werte für die Gestaltung relevant sind. Diese Einschränkung verhindert das unnötige Erzeugen von CSS-Klassen und schont somit die Browser-Performance. Für jede angegebene Spalte wird pro Zeile eine CSS-Klasse nach dem Schema "MONITORID-SPALTENNAME-SPALTENWERT" generiert.

Der im Feld rowClasses hinterlegte CSS-String wird als Stylesheet im Dokument verankert. Die Ergänzung der jeweiligen Monitor-ID erfolgt dabei automatisch (bzw. durch Ersetzen von ".-" durch ".MONITORID-"). Spaltenwerte werden hierbei stets in UPPERCASE verarbeitet.

Greifen mehrere CSS-Regeln gleichzeitig und überschneiden sich dabei Eigenschaften (z. B. die Hintergrundfarbe), greift der CSS-Kaskadenalgorithmus des Browsers. Bei Bedarf lassen sich Angaben mit dem CSS-Zusatz !important priorisieren.

Über das Feld views wird festgelegt, für welche konkreten Ansichten die Regeln gelten sollen (sofern function_gridMultipleViews aktiviert ist). Ein Monitor kann mehrere Style-Regeln enthalten. Bleibt das Feld views leer, finden die Regeln auf alle Ansichten des Monitors Anwendung.