<![CDATA[[gelöst] CSS Einstellungen werden nicht umgesetzt]]>Moin zusammen,

ich bin gerade dabei mich in CSS einzuarbeiten um die Anzahl meiner Widgets zu reduzieren.

In meiner VIS habe ich die Anwesenheit über ein Navigationwidget dargestellt.

Leider werden die CSS Einstellungen bei den Signalbildern nicht umgesetzt.

45472fb3-ccc3-4e6b-afac-91c29a102195-grafik.png

Die rechte Anzeige ist noch mit zwei Widgets.

Hier einmal das komplette Widget:

Und die CSS Einstellungen als Beispiel für Signalbild 1: border: #41f316 2px solid; border-radius: 10px

Kann jemand helfen?

]]>https://forum.iobroker.net/topic/30046/gelöst-css-einstellungen-werden-nicht-umgesetztRSS for NodeTue, 21 Apr 2026 08:29:34 GMTTue, 11 Feb 2020 07:37:55 GMT60<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Sat, 04 Apr 2020 16:12:48 GMT]]>@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"}

]]>https://forum.iobroker.net/post/405662https://forum.iobroker.net/post/405662Sat, 04 Apr 2020 16:12:48 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Sat, 04 Apr 2020 08:48:43 GMT]]>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!

]]>https://forum.iobroker.net/post/405440https://forum.iobroker.net/post/405440Sat, 04 Apr 2020 08:48:43 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Fri, 03 Apr 2020 21:06:35 GMT]]>@lstorm
Ja man kann diesen Fragezeichen Operator auch verschachteln

]]>https://forum.iobroker.net/post/405285https://forum.iobroker.net/post/405285Fri, 03 Apr 2020 21:06:35 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Fri, 03 Apr 2020 18:30:59 GMT]]>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

]]>https://forum.iobroker.net/post/405193https://forum.iobroker.net/post/405193Fri, 03 Apr 2020 18:30:59 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 12:13:47 GMT]]>@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 + '";';
]]>https://forum.iobroker.net/post/376346https://forum.iobroker.net/post/376346Wed, 12 Feb 2020 12:13:47 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:58:21 GMT]]>@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"}
]]>https://forum.iobroker.net/post/376331https://forum.iobroker.net/post/376331Wed, 12 Feb 2020 11:58:21 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:55:55 GMT]]>@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?

]]>https://forum.iobroker.net/post/376330https://forum.iobroker.net/post/376330Wed, 12 Feb 2020 11:55:55 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:53:18 GMT]]>@SBorg so lange es nur im Editor ist, aber in der VIS korrekt angezeigt wird, stört das nicht weiter

]]>https://forum.iobroker.net/post/376329https://forum.iobroker.net/post/376329Wed, 12 Feb 2020 11:53:18 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:52:20 GMT]]>@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 :)

]]>https://forum.iobroker.net/post/376328https://forum.iobroker.net/post/376328Wed, 12 Feb 2020 11:52:20 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:50:43 GMT]]>@Kuddel
Ganz genau.

]]>https://forum.iobroker.net/post/376326https://forum.iobroker.net/post/376326Wed, 12 Feb 2020 11:50:43 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:50:01 GMT]]>@zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

]]>https://forum.iobroker.net/post/376325https://forum.iobroker.net/post/376325Wed, 12 Feb 2020 11:50:01 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:48:27 GMT]]>@Kuddel
Klar, aber siehe den post darüber von @SBorg .

]]>https://forum.iobroker.net/post/376324https://forum.iobroker.net/post/376324Wed, 12 Feb 2020 11:48:27 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:47:36 GMT]]>@zahnheinrich

955938c3-1f4d-42af-8ecf-d423102f8969-image.png

]]>https://forum.iobroker.net/post/376321https://forum.iobroker.net/post/376321Wed, 12 Feb 2020 11:47:36 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:46:42 GMT]]>@OliverIO sagte in CSS Einstellungen werden nicht umgesetzt:

das ist relativ egal, da die aktuelle LogiK von Binding das immer in text umsetzt.

Dann kann aber IMHO wert==true nicht funktionieren? und muss "true" sein ;)

Beim Binding wird im Editor unabhängig vom Status immer der erste verwertbare Wert genommen, egal ob die Bedingung "true" oder "false" ist.

]]>https://forum.iobroker.net/post/376319https://forum.iobroker.net/post/376319Wed, 12 Feb 2020 11:46:42 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:45:03 GMT]]>@Kuddel
Hab ich auch schon mal rumgesucht.
So gehts dann.
Scheint also doch kein "echtes" true zu sein, sondern ein Textstring.

]]>https://forum.iobroker.net/post/376317https://forum.iobroker.net/post/376317Wed, 12 Feb 2020 11:45:03 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:43:30 GMT]]>@zahnheinrich habe es nochmal gestestet:

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

676ece59-b5ad-4163-a84a-cd4e8d019c88-image.png

Meine Frau ist zu Hause, ich nicht.

Sieht als gut aus. Scheint so als wenn true in Anführungszeichen muss

]]>https://forum.iobroker.net/post/376316https://forum.iobroker.net/post/376316Wed, 12 Feb 2020 11:43:30 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:40:48 GMT]]>@Kuddel
So sollte es sein.
Prüfe einfach mal auf false, versuche auch "false",
mit Anführungszeichen.
Probier auch wert == false mit Leerzeichen vor und hinter==

]]>https://forum.iobroker.net/post/376311https://forum.iobroker.net/post/376311Wed, 12 Feb 2020 11:40:48 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:37:02 GMT]]>@zahnheinrich die erste Farbe wird angezeigt, wenn die Bedingung wahr ist richtig ?

]]>https://forum.iobroker.net/post/376309https://forum.iobroker.net/post/376309Wed, 12 Feb 2020 11:37:02 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:34:33 GMT]]>@Kuddel
Könnte auch ein anderes Problem sein.
In den Objekten ist dein "true" rot, also nicht bestätigt.
In deiner CSS Einstellung deutet der grüne Untergrund darauf hin, dass der aktuelle Wert tatsächlich true ist.
Vertausche mal die Bedingungen, um zu sehen, ob sich die Anzeige dann ändert

]]>https://forum.iobroker.net/post/376305https://forum.iobroker.net/post/376305Wed, 12 Feb 2020 11:34:33 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 11:21:35 GMT]]>@SBorg es ist ein echter Boolean

]]>https://forum.iobroker.net/post/376297https://forum.iobroker.net/post/376297Wed, 12 Feb 2020 11:21:35 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 10:43:12 GMT]]>@SBorg das ist relativ egal, da die aktuelle LogiK von Binding das immer in text umsetzt.
ich habe da in Verbindung mit JSON-Daten einen Issue bei iobroker.vis eingestellt.
Wenn das umgesetzt wird, dann kommen auch die echten Datentypen an.

]]>https://forum.iobroker.net/post/376279https://forum.iobroker.net/post/376279Wed, 12 Feb 2020 10:43:12 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 10:33:54 GMT]]>@Kuddel Interessanter ist der Typ vom DP. Ist dein "true" vom JS nur Text oder ein "echter" Boolean?

]]>https://forum.iobroker.net/post/376273https://forum.iobroker.net/post/376273Wed, 12 Feb 2020 10:33:54 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 10:25:05 GMT]]>@J-A-R-V-I-S habe das so von @Oli übernommen und auch in der VIS die Doppelpunkte gesetzt.

Ich werde das mal eben korrigieren

]]>https://forum.iobroker.net/post/376262https://forum.iobroker.net/post/376262Wed, 12 Feb 2020 10:25:05 GMT<![CDATA[Reply to [gelöst] CSS Einstellungen werden nicht umgesetzt on Wed, 12 Feb 2020 10:11:45 GMT]]>@Kuddel es bedarf auch keiner zwei Doppelpunkte.

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

Hast du es nur im Editor oder auch in der Visualisierung?

]]>https://forum.iobroker.net/post/376250https://forum.iobroker.net/post/376250Wed, 12 Feb 2020 10:11:45 GMT