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.
    • F
      Farmer-cb last edited by

      @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
      4639_button_direkt.jpg

      1 Reply Last reply Reply Quote 0
      • 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

                                          976
                                          Online

                                          31.6k
                                          Users

                                          79.6k
                                          Topics

                                          1.3m
                                          Posts

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