Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] CSS Einstellungen werden nicht umgesetzt

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    7
    1
    286

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    265

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    911

[gelöst] CSS Einstellungen werden nicht umgesetzt

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vismaterial css
31 Beiträge 7 Kommentatoren 1.2k Aufrufe 9 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • K Kuddel

    @Oli hmm oder auch nicht:

    bbe010c4-52da-4279-9b1d-d65bc3e4a98b-grafik.png

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

    d36c71c2-fdbe-48b3-a912-f55bc4e517d2-grafik.png

    1653d608-1d13-46e3-9607-581da33ea25a-grafik.png

    Z Abwesend
    Z Abwesend
    zahnheinrich
    schrieb am zuletzt editiert von
    #13

    @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

    MfG Ulrich

    K 1 Antwort Letzte Antwort
    0
    • Z zahnheinrich

      @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

      K Offline
      K Offline
      Kuddel
      schrieb am zuletzt editiert von
      #14

      @zahnheinrich die erste Farbe wird angezeigt, wenn die Bedingung wahr ist richtig ?

      Z 1 Antwort Letzte Antwort
      0
      • K Kuddel

        @zahnheinrich die erste Farbe wird angezeigt, wenn die Bedingung wahr ist richtig ?

        Z Abwesend
        Z Abwesend
        zahnheinrich
        schrieb am zuletzt editiert von zahnheinrich
        #15

        @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==

        MfG Ulrich

        K 1 Antwort Letzte Antwort
        0
        • Z zahnheinrich

          @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==

          K Offline
          K Offline
          Kuddel
          schrieb am zuletzt editiert von
          #16

          @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

          Z 1 Antwort Letzte Antwort
          0
          • K Kuddel

            @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

            Z Abwesend
            Z Abwesend
            zahnheinrich
            schrieb am zuletzt editiert von
            #17

            @Kuddel
            Hab ich auch schon mal rumgesucht.
            So gehts dann.
            Scheint also doch kein "echtes" true zu sein, sondern ein Textstring.

            MfG Ulrich

            K 1 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @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.

              SBorgS Offline
              SBorgS Offline
              SBorg
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #18

              @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.

              LG SBorg ( SBorg auf GitHub)
              Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

              OliverIOO 1 Antwort Letzte Antwort
              0
              • Z zahnheinrich

                @Kuddel
                Hab ich auch schon mal rumgesucht.
                So gehts dann.
                Scheint also doch kein "echtes" true zu sein, sondern ein Textstring.

                K Offline
                K Offline
                Kuddel
                schrieb am zuletzt editiert von
                #19

                @zahnheinrich

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

                Z 1 Antwort Letzte Antwort
                0
                • K Kuddel

                  @zahnheinrich

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

                  Z Abwesend
                  Z Abwesend
                  zahnheinrich
                  schrieb am zuletzt editiert von
                  #20

                  @Kuddel
                  Klar, aber siehe den post darüber von @SBorg .

                  MfG Ulrich

                  K 1 Antwort Letzte Antwort
                  0
                  • Z zahnheinrich

                    @Kuddel
                    Klar, aber siehe den post darüber von @SBorg .

                    K Offline
                    K Offline
                    Kuddel
                    schrieb am zuletzt editiert von
                    #21

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

                    Z SBorgS 2 Antworten Letzte Antwort
                    0
                    • K Kuddel

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

                      Z Abwesend
                      Z Abwesend
                      zahnheinrich
                      schrieb am zuletzt editiert von
                      #22

                      @Kuddel
                      Ganz genau.

                      MfG Ulrich

                      1 Antwort Letzte Antwort
                      0
                      • K Kuddel

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

                        SBorgS Offline
                        SBorgS Offline
                        SBorg
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #23

                        @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 :)

                        LG SBorg ( SBorg auf GitHub)
                        Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                        K 1 Antwort Letzte Antwort
                        0
                        • SBorgS 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 :)

                          K Offline
                          K Offline
                          Kuddel
                          schrieb am zuletzt editiert von
                          #24

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

                          SBorgS 1 Antwort Letzte Antwort
                          0
                          • K Kuddel

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

                            SBorgS Offline
                            SBorgS Offline
                            SBorg
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von
                            #25

                            @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?

                            LG SBorg ( SBorg auf GitHub)
                            Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                            K 1 Antwort Letzte Antwort
                            0
                            • SBorgS 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?

                              K Offline
                              K Offline
                              Kuddel
                              schrieb am zuletzt editiert von Kuddel
                              #26

                              @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"}
                              
                              1 Antwort Letzte Antwort
                              0
                              • SBorgS SBorg

                                @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.

                                OliverIOO Offline
                                OliverIOO Offline
                                OliverIO
                                schrieb am zuletzt editiert von
                                #27

                                @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 + '";';
                                

                                Meine Adapter und Widgets
                                TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                Links im Profil

                                1 Antwort Letzte Antwort
                                0
                                • L Offline
                                  L Offline
                                  lstorm
                                  schrieb am zuletzt editiert von
                                  #28

                                  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

                                  OliverIOO 1 Antwort Letzte Antwort
                                  0
                                  • L 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

                                    OliverIOO Offline
                                    OliverIOO Offline
                                    OliverIO
                                    schrieb am zuletzt editiert von
                                    #29

                                    @lstorm
                                    Ja man kann diesen Fragezeichen Operator auch verschachteln

                                    Meine Adapter und Widgets
                                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                    Links im Profil

                                    1 Antwort Letzte Antwort
                                    0
                                    • L Offline
                                      L Offline
                                      lstorm
                                      schrieb am zuletzt editiert von
                                      #30

                                      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!

                                      OliverIOO 1 Antwort Letzte Antwort
                                      0
                                      • L 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!

                                        OliverIOO Offline
                                        OliverIOO Offline
                                        OliverIO
                                        schrieb am zuletzt editiert von
                                        #31

                                        @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"}

                                        Meine Adapter und Widgets
                                        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                        Links im Profil

                                        1 Antwort Letzte Antwort
                                        0

                                        Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                        Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                        Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                        Registrieren Anmelden
                                        Antworten
                                        • In einem neuen Thema antworten
                                        Anmelden zum Antworten
                                        • Älteste zuerst
                                        • Neuste zuerst
                                        • Meiste Stimmen


                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        597

                                        Online

                                        32.8k

                                        Benutzer

                                        82.8k

                                        Themen

                                        1.3m

                                        Beiträge
                                        Community
                                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                        ioBroker Community 2014-2025
                                        logo
                                        • Anmelden

                                        • Du hast noch kein Konto? Registrieren

                                        • Anmelden oder registrieren, um zu suchen
                                        • Erster Beitrag
                                          Letzter Beitrag
                                        0
                                        • Home
                                        • Aktuell
                                        • Tags
                                        • Ungelesen 0
                                        • Kategorien
                                        • Unreplied
                                        • Beliebt
                                        • GitHub
                                        • Docu
                                        • Hilfe