Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Gelöst] CSS Binding Bedinung mit mehreren Optionen

    NEWS

    • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    [Gelöst] CSS Binding Bedinung mit mehreren Optionen

    This topic has been deleted. Only users with topic management privileges can see it.
    • DJMarc75
      DJMarc75 @jensven last edited by

      @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 1 Reply Last reply Reply Quote 0
      • J
        jensven @DJMarc75 last edited by

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

        DJMarc75 1 Reply Last reply Reply Quote 0
        • DJMarc75
          DJMarc75 @jensven last edited by

          @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 1 Reply Last reply Reply Quote 0
          • J
            jensven @DJMarc75 last edited by

            @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

            DJMarc75 1 Reply Last reply Reply Quote 0
            • DJMarc75
              DJMarc75 @jensven last edited by

              @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 1 Reply Last reply Reply Quote 0
              • J
                jensven @DJMarc75 last edited by jensven

                @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 Reply Last reply Reply Quote 0
                • DJMarc75
                  DJMarc75 last edited by

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

                  1 Reply Last reply Reply Quote 0
                  • J
                    jensven last edited by

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

                    SBorg 1 Reply Last reply Reply Quote 0
                    • SBorg
                      SBorg Forum Testing Most Active @jensven last edited by 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 1 Reply Last reply Reply Quote 1
                      • J
                        jensven @SBorg last edited by

                        @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 🤦‍♂️
                        Ich danke dir

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        1.1k
                        Online

                        32.4k
                        Users

                        81.2k
                        Topics

                        1.3m
                        Posts

                        3
                        11
                        526
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                        The ioBroker Community 2014-2023
                        logo