Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • 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 Binding Bedinung mit mehreren Optionen

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    375

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

[Gelöst] CSS Binding Bedinung mit mehreren Optionen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
11 Beiträge 3 Kommentatoren 656 Aufrufe 3 Watching
  • Ä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.
  • J jensven

    Ich möchte gern die Hintergrundfarbe je nach einem Wert des Datenpunktes ändern.
    Speziell hier gehts um den trashschedule Datenpunkt "types"

    Dieser hat in meinem Fall 3 Verschiedene möglichkeiten
    "GrüneTonne" "Gelber Sack" "GraueTonne"

    Habe im Forum folgendes gefunden und an meiner Situation angepasst:

    {wert:trashschedule.0.next.types; wert=="GrüneTonne" ? "#006400" :: wert=="Gelber Sack" ? "#ffff00" :: wert=="GraueTonne" ? "#000000" }
    

    Im Editor ändert sich die Hintergrundfarbe dann in Grün (passt da die nächste Tonne Grün ist) aber wenn ich dann in runtime gehe bleibt der hintergrund farblos

    EDIT
    Die Hintergrundfarbe hat sich nur geändert da der Farbcode Grün als erstes steht. Somit hat der Code an für sich gar nicht funktioniert

    Lösung für weitere suchenden
    @sborg said in CSS Binding Bedinung mit mehreren Optionen:

    @jensven Deine Bedingung ist falsch. Es muss immer "wenn -- dann -- sonst" lauten. Dir fehlt in der letzten Abfrage das "sonst". Damit kann er nicht umgehen und macht einfach gar keine Färbung...

    {wert:trashschedule.0.next.types; wert=="Gelber Sack" ? "#ffff00" : wert=="GrüneTonne" ? "#006400" : wert=="GraueTonne" ? "#000000" : "" }
    

    Im einzelnen:

    • "Gelber Sack" ? dann "#ffff00" sonst weiter abfragen
    • "GrüneTonne" ? dann "#006400" sonst weiter abfragen
    • "GraueTonne" ? dann "#000000" [und hier fehlt nun der sonst-Teil] sonst ""

    Auch wenn der letzte "sonst" nie zum tragen kommen kann/kommt, muss er angegeben werden! Hier halt mit "nix" ;)

    DJMarc75D Offline
    DJMarc75D Offline
    DJMarc75
    schrieb am zuletzt editiert von
    #2

    @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

    bleibt der hintergrund farblos

    farblos ? Also unsichtbar? Vll mal den z-index hochstellen - könnte EIN Problem sein :)

    Lehrling seit 1975 !!!
    Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
    https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

    J 1 Antwort Letzte Antwort
    0
    • DJMarc75D DJMarc75

      @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

      bleibt der hintergrund farblos

      farblos ? Also unsichtbar? Vll mal den z-index hochstellen - könnte EIN Problem sein :)

      J Online
      J Online
      jensven
      schrieb am zuletzt editiert von
      #3

      @djmarc75
      unsichtbar jetzt nicht unbedingt.
      ich habe das widget "Basic - String" in dem der Datenpunkt "types" drinnen ist. ALs Hintergrundfarbe dann den oben genannten Code. Doch es kommt keine Hintergrundfarbe in der Runtime

      Was meinst du mit "z-index hochstellen ?

      DJMarc75D 1 Antwort Letzte Antwort
      0
      • J jensven

        @djmarc75
        unsichtbar jetzt nicht unbedingt.
        ich habe das widget "Basic - String" in dem der Datenpunkt "types" drinnen ist. ALs Hintergrundfarbe dann den oben genannten Code. Doch es kommt keine Hintergrundfarbe in der Runtime

        Was meinst du mit "z-index hochstellen ?

        DJMarc75D Offline
        DJMarc75D Offline
        DJMarc75
        schrieb am zuletzt editiert von
        #4

        @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

        in dem der Datenpunkt "types" drinnen ist

        Jo, kenne Deinen Datenpunkt nicht aber da kann es schon auch sein dass die Schreibweise des jeweiligen Wertes nicht mit Deiner Definition in VIS übereinstimmt.

        @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

        Was meinst du mit "z-index hochstellen ?

        Basics in VIS:

        Z-Index gibt die "Höhenebene" Deines Widgets an

        Screenshot 2023-05-24 141250.png

        stell das mal auch, z.B. auf 10

        Lehrling seit 1975 !!!
        Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
        https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

        J 1 Antwort Letzte Antwort
        0
        • DJMarc75D DJMarc75

          @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

          in dem der Datenpunkt "types" drinnen ist

          Jo, kenne Deinen Datenpunkt nicht aber da kann es schon auch sein dass die Schreibweise des jeweiligen Wertes nicht mit Deiner Definition in VIS übereinstimmt.

          @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

          Was meinst du mit "z-index hochstellen ?

          Basics in VIS:

          Z-Index gibt die "Höhenebene" Deines Widgets an

          Screenshot 2023-05-24 141250.png

          stell das mal auch, z.B. auf 10

          J Online
          J Online
          jensven
          schrieb am zuletzt editiert von
          #5

          @djmarc75

          @djmarc75 said in Hintergrundfarbe je nach Datenpunkt wert:

          Jo, kenne Deinen Datenpunkt nicht aber da kann es schon auch sein dass die Schreibweise des jeweiligen Wertes nicht mit Deiner Definition in VIS übereinstimmt.

          Da habe ich nochmal nachgeschaut und habe es eins zu eins vom Adapter kopiert. Falsch kann dies eigentlich sein

          Basics in VIS:

          Z-Index gibt die "Höhenebene" Deines Widgets an

          Screenshot 2023-05-24 141250.png

          stell das mal auch, z.B. auf 10

          Habe ich getan, hat sich nichts geändert.

          Habe jetzt mal den code in folgenden geändert:

          {wert:trashschedule.0.next.types; wert=="Gelber Sack" ? "#ffff00" :: wert=="GrüneTonne" ? "#006400" :: wert=="GraueTonne" ? "#000000" }
          

          Also den gelben Sack nach vorne geschoben und nun wird im Editor die Farbe in Gelb geändert, was ja nicht stimmen kann da der Wert des Datenpunktes Momentan "GrüneTonne" ist.
          Aber in der Runtime bleibt der Hintergrund weiterhin Farblos

          DJMarc75D 1 Antwort Letzte Antwort
          0
          • J jensven

            @djmarc75

            @djmarc75 said in Hintergrundfarbe je nach Datenpunkt wert:

            Jo, kenne Deinen Datenpunkt nicht aber da kann es schon auch sein dass die Schreibweise des jeweiligen Wertes nicht mit Deiner Definition in VIS übereinstimmt.

            Da habe ich nochmal nachgeschaut und habe es eins zu eins vom Adapter kopiert. Falsch kann dies eigentlich sein

            Basics in VIS:

            Z-Index gibt die "Höhenebene" Deines Widgets an

            Screenshot 2023-05-24 141250.png

            stell das mal auch, z.B. auf 10

            Habe ich getan, hat sich nichts geändert.

            Habe jetzt mal den code in folgenden geändert:

            {wert:trashschedule.0.next.types; wert=="Gelber Sack" ? "#ffff00" :: wert=="GrüneTonne" ? "#006400" :: wert=="GraueTonne" ? "#000000" }
            

            Also den gelben Sack nach vorne geschoben und nun wird im Editor die Farbe in Gelb geändert, was ja nicht stimmen kann da der Wert des Datenpunktes Momentan "GrüneTonne" ist.
            Aber in der Runtime bleibt der Hintergrund weiterhin Farblos

            DJMarc75D Offline
            DJMarc75D Offline
            DJMarc75
            schrieb am zuletzt editiert von
            #6

            @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

            Aber in der Runtime bleibt der Hintergrund weiterhin Farblos

            zeig doch mal bitte einen Screenshot von diesem "farblos" damit man sich mal ein Bild machen kann.

            Lehrling seit 1975 !!!
            Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
            https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

            J 1 Antwort Letzte Antwort
            0
            • DJMarc75D DJMarc75

              @jensven sagte in Hintergrundfarbe je nach Datenpunkt wert:

              Aber in der Runtime bleibt der Hintergrund weiterhin Farblos

              zeig doch mal bitte einen Screenshot von diesem "farblos" damit man sich mal ein Bild machen kann.

              J Online
              J Online
              jensven
              schrieb am zuletzt editiert von jensven
              #7

              @djmarc75 said in Hintergrundfarbe je nach Datenpunkt wert:

              zeig doch mal bitte einen Screenshot von diesem "farblos" damit man sich mal ein Bild machen kann.

              Im Editor
              editor.JPG
              In der Runtime
              runtime.JPG

              1 Antwort Letzte Antwort
              0
              • DJMarc75D Offline
                DJMarc75D Offline
                DJMarc75
                schrieb am zuletzt editiert von
                #8

                @jensven bei solchen CSS-Bindings kenn ich mich halt wenig aus - warte mal lieber, da meldet sich bestimmt jemand mit Ahnung ;)

                und im Zweifelsfall die doppelten Doppelpunkte mal durch einzelne Doppelpunkte ersetzen :) - kann ja klappen ;)

                Lehrling seit 1975 !!!
                Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                1 Antwort Letzte Antwort
                0
                • J Online
                  J Online
                  jensven
                  schrieb am zuletzt editiert von
                  #9

                  Habe jetzt alles mögliche probiert und es nicht hinbekommen.
                  Habe für jeden Tonnen Typ nen html Widget erstellt, die alle übereinander gelegt und es mit der Sichtbarkeit Option gelöst.

                  Falls es doch noch jemand gibt der die Lösung für das CSS Binding hat bitte hier rein schreiben für weitere Projekte ect. :blush:

                  SBorgS 1 Antwort Letzte Antwort
                  0
                  • J jensven

                    Habe jetzt alles mögliche probiert und es nicht hinbekommen.
                    Habe für jeden Tonnen Typ nen html Widget erstellt, die alle übereinander gelegt und es mit der Sichtbarkeit Option gelöst.

                    Falls es doch noch jemand gibt der die Lösung für das CSS Binding hat bitte hier rein schreiben für weitere Projekte ect. :blush:

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

                    @jensven Deine Bedingung ist falsch. Es muss immer "wenn -- dann -- sonst" lauten. Dir fehlt in der letzten Abfrage das "sonst". Damit kann er nicht umgehen und macht einfach gar keine Färbung...

                    {wert:trashschedule.0.next.types; wert=="Gelber Sack" ? "#ffff00" : wert=="GrüneTonne" ? "#006400" : wert=="GraueTonne" ? "#000000" : "" }
                    

                    Im einzelnen:

                    • "Gelber Sack" ? dann "#ffff00" sonst weiter abfragen
                    • "GrüneTonne" ? dann "#006400" sonst weiter abfragen
                    • "GraueTonne" ? dann "#000000" [und hier fehlt nun der sonst-Teil] sonst ""

                    Auch wenn der letzte "sonst" nie zum tragen kommen kann/kommt, muss er angegeben werden! Hier halt mit "nix" ;)

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

                    J 1 Antwort Letzte Antwort
                    1
                    • SBorgS SBorg

                      @jensven Deine Bedingung ist falsch. Es muss immer "wenn -- dann -- sonst" lauten. Dir fehlt in der letzten Abfrage das "sonst". Damit kann er nicht umgehen und macht einfach gar keine Färbung...

                      {wert:trashschedule.0.next.types; wert=="Gelber Sack" ? "#ffff00" : wert=="GrüneTonne" ? "#006400" : wert=="GraueTonne" ? "#000000" : "" }
                      

                      Im einzelnen:

                      • "Gelber Sack" ? dann "#ffff00" sonst weiter abfragen
                      • "GrüneTonne" ? dann "#006400" sonst weiter abfragen
                      • "GraueTonne" ? dann "#000000" [und hier fehlt nun der sonst-Teil] sonst ""

                      Auch wenn der letzte "sonst" nie zum tragen kommen kann/kommt, muss er angegeben werden! Hier halt mit "nix" ;)

                      J Online
                      J Online
                      jensven
                      schrieb am zuletzt editiert von
                      #11

                      @sborg said in CSS Binding Bedinung mit mehreren Optionen:

                      Auch wenn der letzte "sonst" nie zum tragen kommen kann/kommt, muss er angegeben werden! Hier halt mit "nix" ;)

                      das wars :man-facepalming:
                      Ich danke dir

                      1 Antwort Letzte Antwort
                      0
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      630

                      Online

                      32.7k

                      Benutzer

                      82.5k

                      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