Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [geloest] Button bei wert farbe ändern

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [geloest] Button bei wert farbe ändern

    This topic has been deleted. Only users with topic management privileges can see it.
    • H
      Home4.0 last edited by

      "Matzebhv" sagte es schon.

      Eventuell klappt es nicht mit dem Widget.

      Hast du denn Mal direkt eine Farbe bei color eingetragen? Wenn da dann nicht die Farbe erscheint klappt auch das Binding nicht.

      Vielleicht Mal ein hacken bei "ohne Jquery still" machen.

      Sonst ein anderes Widget probieren….

      1 Reply Last reply Reply Quote 0
      • F
        Farmer-cb last edited by

        kommando zurück, so gehts, aber es werden leider nur die ecken farbig angezeigt
        4639_button_aktiv.jpg

        @Farmer-cb:

        @peoples:

        Hi,

        du kannst sogar die Auswertung gleich im Binding manchen:

        Für Button 1:
        {wert:javascript.0.test;wert == 0 ? "green" :: "grey"}
        
        Für Button 2:
        {wert:javascript.0.test;wert == 1 ? "green" :: "red"}
        
        Für Button3:
        {wert:javascript.0.test;wert == 3 ? "green" :: "red"}
        
        

        Hier steht das "javascript.0.test" für den Datenpunkt der dir den Wert für die Auswertung zur Verfügung stellt, könnte bspw. auch ein Drehgriffkontakt oder Ähnliches sein.

        Gruß

        Steffen `

        funktioniert leider auch nicht:

        der Datenpunkt {wert:s7.0.DBs.DB103.HKP;wert == 2 ? "green" :: "red"} hat den wert 2, sollte der button dementsprechend grün sein

        button direkt.jpg `

        1 Reply Last reply Reply Quote 0
        • Peoples
          Peoples last edited by

          @Farmer-cb:

          kommando zurück, so gehts, aber es werden leider nur die ecken farbig angezeigt `

          Weil es mit diesem Widget leider nicht anders funktioniert.

          Einen farbigen Rand um den Button wäre denke ich möglich. Aber ist leider nicht das was du wolltest.

          Gruß

          Steffen

          1 Reply Last reply Reply Quote 0
          • R
            RappiRN Most Active last edited by

            Nimm mal bitte statt "aktualisiere" "steuere" und trage bitte die Farbwerte so ein, wie ich es geschrieben habe, also für einfaches grün den Textblock mit "#00ff00" (ohne"")!

            Solltest du weitere Farbwerte brauchen, gibt es im Netz viele Seiten, wo man die RGB-Farben rausuchen kann.

            Enrico

            1 Reply Last reply Reply Quote 0
            • P
              Peter13 last edited by

              @Farmer-cb:

              Hallo

              gibt es die möglichkeit bei Buttons nur bei einem bestimmten wert die hintergrundfarbe zu ändern???

              mein Problem

              1 Variable

              3 Buttonshttp://www.shuttle-paris-airports.com/paris-shuttle

              alle 3 Buttons standard hintergrungfarbe grau:

              wenn Variable wert 0 hat, soll der 1. Button grün sein,2. Button grau sein,3. Button grau sein

              wenn Variable wert 1 hat, soll der 1. Button grau sein,2. Button grün sein,3. Button grau sein

              wenn Variable wert 2 hat, soll der 1. Button grau sein,2. Button grau sein,3. Button grün sein

              mfg ` Du kannst z.B. die Hintergrundfarbe als Objekt (Datenpunkt) eingeben.

              1 Reply Last reply Reply Quote 0
              • H
                Home4.0 last edited by

                Hallo,

                probiere es mal mit dem Widget "jqui - ctrl - Icon State".

                Damit klappt es bei mir (allerdings nicht im edit modus).

                1 Reply Last reply Reply Quote 0
                • F
                  Farmer-cb last edited by

                  wie muss der String heissen, wenn ich einen Datenpunkt mit True/False abfragen möchte,

                  {wert:javascript.0.test;wert == 1 ? "green" :: "grey"} funktioniert da irgendwie nicht

                  bzw

                  {wert:javascript.0.test;wert == true ? "green" :: "grey"} funktioniert da irgendwie nicht

                  @peoples:

                  Hi,

                  du kannst sogar die Auswertung gleich im Binding manchen:

                  Für Button 1:
                  {wert:javascript.0.test;wert == 0 ? "green" :: "grey"}
                  
                  Für Button 2:
                  {wert:javascript.0.test;wert == 1 ? "green" :: "red"}
                  
                  Für Button3:
                  {wert:javascript.0.test;wert == 3 ? "green" :: "red"}
                  
                  

                  Hier steht das "javascript.0.test" für den Datenpunkt der dir den Wert für die Auswertung zur Verfügung stellt, könnte bspw. auch ein Drehgriffkontakt oder Ähnliches sein.

                  Gruß

                  Steffen `

                  1 Reply Last reply Reply Quote 0
                  • Peoples
                    Peoples last edited by

                    @Farmer-cb:

                    wie muss der String heissen, wenn ich einen Datenpunkt mit True/False abfragen möchte, `

                    Versuchs mal so:````
                    {wert:javascript.0.test;wert == "true" ? "green" : "blue"}

                    
                    Gruß
                    
                    Steffen
                    1 Reply Last reply Reply Quote 0
                    • S
                      Stephiobroker last edited by

                      Hallo

                      Gibt es eine Möglichkeit den Farbwechsel eines Buttons auf mehr als zwei Farben zu erweitern? Sowas wie

                      wenn 1, dann rot,

                      wenn 2, dann grün

                      wenn 3, dann blau

                      usw.

                      Bei zwei Farben funktioniert der Vorschlag von "peoples". Wäre nett, wenn hier Jemand einen Tipp hätte wie man das auf mehr Farben erweitern kann.

                      1 Reply Last reply Reply Quote 0
                      • Peoples
                        Peoples last edited by

                        @Steph@iobroker:

                        Bei zwei Farben funktioniert der Vorschlag von "peoples". Wäre nett, wenn hier Jemand einen Tipp hätte wie man das auf mehr Farben erweitern kann. `

                        Sollte so funktionieren

                        {wert:javascript.0.test;wert == 1 ? "red" :: wert == 2 ? "green" :: wert == 3 ? "blue" :: "yellow"}
                        
                        1 Reply Last reply Reply Quote 0
                        • M
                          Marty56 last edited by

                          ich habe bei Color

                          {wert:javascript.0.test;wert == 1 ? "blue" :: "green"}

                          eingetragen. Es wird aber unabhängig vom Wert von test immer nur grün als Farbe selektiert.

                          Was mache ich falsch?

                          1 Reply Last reply Reply Quote 0
                          • R
                            RappiRN Most Active last edited by

                            Hat denn dein Wert den Wert "1"? Oder hat er vielleicht "true"?

                            Enrico

                            1 Reply Last reply Reply Quote 0
                            • M
                              Marty56 last edited by

                              Nein, er hat 1

                              1 Reply Last reply Reply Quote 0
                              • R
                                RappiRN Most Active last edited by

                                Versuchs mal mit "" um den ersten Wert, ich habe hier nur "true" zum Vergleich, das steht bei mir aber in Anführungszeichen. Außerdem habe ich drei =, da weiß ich mangels Linux-Wissen nicht hundertprozentig, ob das notwendig ist.

                                Also so: {wert:javascript.0.test;wert == "1" ? "blue" :: "green"}

                                Oder so: {wert:javascript.0.test;wert === "1" ? "blue" :: "green"}

                                Enrico

                                1 Reply Last reply Reply Quote 0
                                • M
                                  Marty56 last edited by

                                  Jetzt geht es. Danke!

                                  1 Reply Last reply Reply Quote 0
                                  • Spegeli
                                    Spegeli last edited by

                                    Der Thread ist zwar älter, war aber genau das wonach ich gesucht hatte.

                                    So braucht man nur noch 1 Button für ein und ausschalten.
                                    In meinem Fall habe ich das aktuell für meine Lampen angewendet.
                                    Sind sie an ist der Rahmen Grün, ansonsten Rot.
                                    Sind sie an ist der Wert bei einem Drücken "False", sind sie aus ist der Wert beim drücken "true".

                                    Thx

                                    1 Reply Last reply Reply Quote 0
                                    • AxelF1977
                                      AxelF1977 last edited by AxelF1977

                                      Hallo,

                                      ich würde das Thema gerne mal aufgreifen. Ich habe zwar ein wenig anderes vor, aber im Grund ist dies fast wa sich suche

                                      {wert:javascript.0.test;wert == 1 ? "red" :: wert == 2 ? "green" :: wert == 3 ? "blue" :: "yellow"}
                                      

                                      Ich muss aber hier abfragen wenn der wert zwischen 2 Werten liegt

                                      EDIT

                                      Jetzt klappt es, wer das auch nutzen möchte

                                      {ct:hue-extended.0.groups.test-1.action.colorTemperature;(ct <=3000) ? "red" :: (ct>3000 && ct<4000) ? "green" :: (ct>4000 && ct<5000) ? "blue" :: (ct>5000 && ct<6000) ? "yellow" :: (ct>6000 && ct<6500) ? "black" :: "white"}
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        Metro75 last edited by

                                        Hi,

                                        das klappt so sehr gut.
                                        Ich möchte jetzt gern 2 Werte miteinander vergleichen. In meinem Beispiel die Soll- und die Ist-Temperatur von einem Heizkörperthermostat.

                                        {ist:hmip.0.groups.1.actualTemperature;soll:hmip.0.groups.1.setPointTemperature;(soll<ist) ? "blue" :: (soll=ist) ? "green" :: (soll>ist) ? "red" :: "white"}
                                        

                                        Bitte wundert Euch nicht, dass soll und ist vertauscht sind, aber zum Prüfen geht es so schneller, da ich die Solltemperatur schneller ändern kann, als die Isttemperatur.
                                        Das Ergebnis ist, das blau und grün funktioniert aber rot nicht.

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

                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        974
                                        Online

                                        31.7k
                                        Users

                                        79.7k
                                        Topics

                                        1.3m
                                        Posts

                                        11
                                        24
                                        7362
                                        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