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

[zahnheinrich]

@Kuddel
Ganz genau.

[SBorg]

@Kuddel sagte in CSS Einstellungen werden nicht umgesetzt:

@zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

Jepp, und die Farbe wird im Editor immer grün sein, da es das erste Farbstatement ist mit dem der Editor was anfangen kann. Wäre deine Logik invers und du hättest "rot" als ersten Wert, würde er es immer in rot anzeigen, selbst wenn deine Bedingung wahr/falsch oder sogar fehlerhaft wäre :)

[Kuddel]

@SBorg so lange es nur im Editor ist, aber in der VIS korrekt angezeigt wird, stört das nicht weiter

[SBorg]

@Kuddel Wenn man es weiß
Ich habe da schon etliche verzweifeln sehen. "Meine Bedingung stimmt doch... Trotzdem zeigt er mir im Editor immer die falsche Farbe an..."
Ist ja auch irgendwie logisch. Wenn das Binding selbst nicht im Editor abgearbeitet wird, wie soll dann die Bedingung funktionieren?

[Kuddel]

@SBorg gut dass ich alles immer direkt in der VIS zum test anzeigen lassen ^^.

Hab ich mir iwie mal angewöhnt.

So hier jetzt noch einmal die Lösung für alle:

{wert:javascript.0.Anwesenheit.Daniel; wert=="true" ? "#41f316" : "red"}

[OliverIO]

@SBorg
Der entsprechende code in vis.js lautet.
Darin sieht man, das der Wert immer in Anführungsstriche gesetzt wird, egal welcher Datentyp zugrunde liegt.
Das führt dazu das es immer String ist.
Daher können auch keine JSON-Daten über solch eine Bindung verarbeitet werden.
https://github.com/ioBroker/ioBroker.vis/issues/263

string += 'var ' + oids[t].operations[k].arg[a].name + ' = "' + value + '";';

[lstorm]

Hallo zusammen,

gibt es auch de Möglichkeit mehr als zwei Zustände so darzustellen? Also z.b. drei Zustände = 3 verschiedene Farben?
Ich kenne mich leider absolut nicht mit CSS aus, vielleicht ist es nur eine Kleinigkeit und einer von euch kann den Code hier mal posten.

Kann man in den Sting auch Wildcards verwenden? Z.b. alles was mit "abc" anfängt.

Danke und Gruß
Lars

[OliverIO]

@lstorm
Ja man kann diesen Fragezeichen Operator auch verschachteln

[lstorm]

So, hab es nun herrausgefunden. Hier noch der Syntax für mehrere Werte:
{wert:0_userdata.0.test; wert=="rot" ? "#ff0000" : wert=="gruen" ? "#00ff00" :"#ff00ff"}

@OliverIO : Vielen Dank!

[OliverIO]

@lstorm sagte in [gelöst] CSS Einstellungen werden nicht umgesetzt:

So, hab es nun herrausgefunden. Hier noch der Syntax für mehrere Werte:
{wert:0_userdata.0.test; wert=="rot" ? "#ff0000" : wert=="gruen" ? "#00ff00" :"#ff00ff"}

@OliverIO : Vielen Dank!

zur bessren lesbarkeit um die tests immer noch eine klammer machen

{wert:0_userdata.0.test; (wert=="rot") ? "#ff0000" : (wert=="gruen") ? "#00ff00" :"#ff00ff"}