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

[Glasfaser]

@BLRD

Das im CSS Widget , mit deinem Datenpunkt von der Tür eintragen :

{wert:0_userdata.0.Test123; wert=="true" ? "DoorRed" : " " }

Das in CSS Projekt :

.DoorRed .vis-hq-door-sheet {
background: red !important;
}

Die Tür/Zustand , wird nur im " Runtime " angezeigt !!!

[BLRD]

@Glasfaser sagte in Door Widget einfärben.:

{wert:0_userdata.0.Test123; wert=="true" ? "DoorRed" : " " }

Hi Glasfaser,

Danke für die Antwort / Hilfe leider geht dies so nicht, da der Datenpunkt für zu eine 0 und für offen eine 2 liefert.

Ich habe versucht dies anzpassen ohne Erfolg.

Anbei der Import des Widget

[{"tpl":"tplHqDoor","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","infoLeftFontSize":"12","infoLeftPaddingLeft":"0","infoLeftPaddingRight":"36","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"timestamp","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"Arial","lc-font-style":"","lc-bkg-color":"#fd1c2f","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Tür WHG","oid":"homee.0.WindowHandle-191.WindowPosition-952","descriptionLeft":"Tür WHG","descriptionLeftDisabled":false,"infoColor":"#e80213","infoBackground":"#faea0f","lc-oid":"homee.0.WindowHandle-191.WindowPosition-952","class":"{wert:homee.0.WindowHandle-191.WindowPosition-952; wert==\"2\" ? \"DoorRed\" : \" \" } "},"style":{"left":"277px","top":"313px","width":"48px","height":"83px","font-family":"Arial","font-weight":"bold"},"widgetSet":"hqwidgets"}]

Danke für die weitere Hilfe.

VG

BLRD

[BLRD]

@BLRD
@Glasfaser

Stop,

jetzt auf einmalgeht es Danke.

Sieht suoer aus.

VG

BLRD

[BLRD]

@Glasfaser

Doofe Frage: Und bei geschlossen dies in grün einzufärben!?

Danke .

[Glasfaser]

@BLRD

Das in CSS Widget :

{wert:0_userdata.0.Test123; wert=="true" ? "DoorRed" : "DoorGreen" }

das in CSS Projekt noch zusätzlich :

.DoorGreen .vis-hq-door-sheet {
background: green !important;
}

[BLRD]

@Glasfaser

Dahinter oder mit rein zu dem roten.!?

Danke.

[Glasfaser]

@BLRD

Darunter ....

.DoorRed .vis-hq-door-sheet {
background: red !important;
}
.DoorGreen .vis-hq-door-sheet {
background: green !important;
}

[BLRD]

@Glasfaser sagte in Door Widget einfärben.:

.DoorRed .vis-hq-door-sheet {

Top!!!

Danke.

[BLRD]

@glasfaser

Hi Glasfaser,

ich bräuchte nochmals Deine Hilfe, auf Grund einer komplette Neuinstallation und habe dazu wieder Probleme:

Folgendes ist einegtragen -

Beim klicken auf den Ausrufezeichen kommt dies - use of !important

und dort

Eintrag: {wert :homee.0.WindowHandle-191.WindowPosition-952; wert=="2" ? "DoorRed" : " " }wert :homee.0.WindowHandle-191.WindowPosition-952; wert=="0" ? "DoorGreen" : " " }

Aber in der Runtime bekomme ich keine Farbveränderung! Warum? Danke.

VG

BLRD

[Frank579]

@blrd sagte in Wieder offen! Door Widget einfärben.:

use of !important

Bin zwar nicht glasfaser aber für mich sieht es so aus als wäre bei dir ein Leerzeichen dazwischen, mach das Mal weg.

[Glasfaser]

@blrd

"DoorRed" : " " }wert :homee.0.

dort fehlt eine geschweifte Klammer {

Aber wenn du nur ein Datenpunkt abfragst dann so :

{wert:homee.0.WindowHandle-191.WindowPosition-952;wert == 2 ? "DoorRed" :: wert == 0 ? "DoorGreen" : " " }