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

[Berlon]

Hallo,
zur Zeit setze ich in Vis für eine Anzeige 8 Widgets in einem Verbund ein.
Die möchte ich nun optimieren.
Hier mal das Bild:

Das ganze besteht aus
2 hqwidgets on/off
5 basic -HTML
1 basic - Border

Im hqwidgets sehe ich keine Möglichkeit den Text An oder Aus von grau auf grün, bzw umgekehrt zu realisieren.
Deshalb wende ich mich den 4 basic - HTML Widget zu. Hier könnte ich mit Bindings
vermutlich in CSS Font & Text 2 Widgets einsparen.
In einem Beitrag von Bahnuhr habe ich diesen String gefunden.

{n:nut.0.battery.charge;(n<21)?"red":(n<23)?"yellow":"green"}

Nur habe ich von diesen ominösen Dingern (Bindings) keine Ahnung. Lesen mehrerer Beiträge zu diesem Thema haben mich nicht schlauer gemacht, sondern nur mehr Fragen aufgeworfen.
Ich bitte euch nun mit mir eine (einfaches?) Binding zu erstellen damit ich es erlernen kann.
Gruß
Bernd

[bahnuhr]

@Berlon sagte in Ein Bindig in einem Widget, will es lernen.:

In einem Beitrag von Bahnuhr habe ich diesen String gefunden.

Stimmt. Eigentlich ist es ganz einfach.

Du weißt der Variablen n das Objekt zu.
Also n hat dann den Wert.

Und dann prüfst du ob der Wert < 21; Wenn ja dann red.
Wenn nein dann prüfst du ob der Wert < 23 ist; wenn ja dann gelb, wenn nein dann grün.

Es ist ein kurz-Darstellung des Befehls: if then else

[Berlon]

@bahnuhr
hmm. gut. Ich bräuchte dann aber die Prüfung auf true oder false.
Einfach die Zahlen austauschen gegen true und false?
In welchem Widget das machen, hqwidget oder basic widget?

[bahnuhr]

@Berlon sagte in Ein Bindig in einem Widget, will es lernen.:

@bahnuhr
hmm. gut. Ich bräuchte dann aber die Prüfung auf true oder false.
Einfach die Zahlen austauschen gegen true und false?
In welchem Widget das machen, hqwidget oder basic widget?

probier es doch einfach mal aus.

[Homoran]

@bahnuhr sagte in Ein Bindig in einem Widget, will es lernen.:

probier es doch einfach mal aus.

Aber das Ergebnis sieht man nicht im Editor!

Nur in der Runtime.

[bahnuhr]

@Homoran sagte in Ein Bindig in einem Widget, will es lernen.:

Aber das Ergebnis sieht man nicht im Editor!

Es sei denn du drückst F5.

[Berlon]

@bahnuhr

{n:alias.0.Erdgeschoss.Wohnzimmer.Heizkoerper.CONTROL_MODE;(n=1)?"green":(n<>1)?"grey"}

In CSS Font & Text beim basic - HTML in der Zeile Color wird der text schwarz angezeigt.

[bahnuhr]

@Berlon sagte in Ein Bindig in einem Widget, will es lernen.:

@bahnuhr

{n:alias.0.Erdgeschoss.Wohnzimmer.Heizkoerper.CONTROL_MODE;(n=1)?"green":(n<>1)?"grey"}

In CSS Font & Text beim basic - HTML in der Zeile Color wird der text schwarz angezeigt.

Screenshot der Einstellung.

[bahnuhr]

Und der "control_mode" hat auch nicht true und false.

[Berlon]

@bahnuhr
Sorry für die Verwirrung mit true und false. Mein Fehler, hatte gerade was anderes im Kopf.
Hier die Bilder:

[bahnuhr]

so, mit F5 wird nicht angezeigt.
Also wie Rainer schon sagte, nur im run.

Und sowas funktioniert einwandfrei (gerade getestet):

{n:hm-rpc.0.KEQ0574459.4.CONTROL_MODE;n==1?"green":"grey"}

Fehler bei dir:
Die 2. if ist nicht notwendig.
Und du hast nur 1 x =

[Berlon]

@bahnuhr
ok, so langsam wird es klarer.
Frage: Ich bin dabei die ganzen Geräte als Alias anzulegen.
Aber:

{n:alias.0.Erdgeschoss.Wohnzimmer.Heizkoerper.CONTROL_MODE;n==1?"#a3a3a3":"#24f52a"}

zeigt keine Wirkung.
Gehen Aliase nicht oder habe ich einen Fehler im Binding?