Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[ple]

Hallo zusammen,

ich setzte Material CSS ein, Danke an Uhula, nun sitzt ich vor ein Problem.

Ich möchte den Hintergrund geändert haben von einem HTML Widget, wenn der Wert größer und kleiner von einem Ergebnis ist. Der Hintergrund soll aber nicht nur Green, Red sein, sondern ich würde gerne die CSS Klasse von Uhula nutzen.

Es müsste doch ca. so aussehen. Es hängt aber beim aufruf der Klasse. Ich weiß auch nicht wie der Syntax aussehen muss.

{v:s7.0.DBs.DB90.Messwert;(v <1,5) ? v: (v > 1) ? v}

Gruß und Danke

[Peoples]

@ple:

Hallo zusammen,

ich setzte Material CSS ein, Danke an Uhula, nun sitzt ich vor ein Problem.

Ich möchte den Hintergrund geändert haben von einem HTML Widget, wenn der Wert größer und kleiner von einem Ergebnis ist. Der Hintergrund soll aber nicht nur Green, Red sein, sondern ich würde gerne die CSS Klasse von Uhula nutzen.

Es müsste doch ca. so aussehen. Es hängt aber beim aufruf der Klasse. Ich weiß auch nicht wie der Syntax aussehen muss.

{v:s7.0.DBs.DB90.Messwert;(v <1,5) ? v: (v > 1) ? v}

Gruß und Danke `

Versuch mal folgendes, du kannst ja in Vis für das Html-Widget rechts in den Eigenschaften unter "Generell" eine CSS-Klasse mit dem Binding festzulegen.

Trage dort mal: {v:s7.0.DBs.DB90.Messwert;v < 1,5 ? "mdui-green-bg" : "mdui-red-bg mdui-red-flash"} ein, ich kann jedoch nicht sagen ob 1,5 oder 1.5 richtig ist.

Gib mal Bescheid ob das funktioniert.

[ple]

Hat leider nicht funktioniert.

Habs nun anders gelöst mit ner Werteliste und Style pro Wert.

Gruß und Danke