Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [geloest] Button bei wert farbe ändern

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.3k

[geloest] Button bei wert farbe ändern

Scheduled Pinned Locked Moved Visualisierung
24 Posts 11 Posters 8.2k Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    Peter13
    wrote on last edited by
    #11

    @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
    0
    • H Offline
      H Offline
      Home4.0
      wrote on last edited by
      #12

      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
      0
      • F Offline
        F Offline
        Farmer-cb
        wrote on last edited by
        #13

        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 `

        smartes Haus durch Digitalstrom, enocean, SPS S7-1215, Homematik, Motioneye, iobroker auf einem HP-mini mit Proxmox

        5 x Echo Show, 2 x Echo Dot

        1 Reply Last reply
        0
        • PeoplesP Offline
          PeoplesP Offline
          Peoples
          wrote on last edited by
          #14

          @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

          Ich beantworte keine Fragen zu Themen via PN

          1 Reply Last reply
          0
          • S Offline
            S Offline
            Stephiobroker
            wrote on last edited by
            #15

            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
            0
            • PeoplesP Offline
              PeoplesP Offline
              Peoples
              wrote on last edited by
              #16

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

              Ich beantworte keine Fragen zu Themen via PN

              1 Reply Last reply
              0
              • M Offline
                M Offline
                Marty56
                wrote on last edited by
                #17

                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?

                HW:NUC (16 GB Ram)
                OS: Debian Bullseye, Promox V7, node v16.x npm 8.19.3

                1 Reply Last reply
                0
                • R Offline
                  R Offline
                  RappiRN
                  Most Active
                  wrote on last edited by
                  #18

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

                  Enrico

                  1 Reply Last reply
                  0
                  • M Offline
                    M Offline
                    Marty56
                    wrote on last edited by
                    #19

                    Nein, er hat 1

                    HW:NUC (16 GB Ram)
                    OS: Debian Bullseye, Promox V7, node v16.x npm 8.19.3

                    1 Reply Last reply
                    0
                    • R Offline
                      R Offline
                      RappiRN
                      Most Active
                      wrote on last edited by
                      #20

                      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
                      0
                      • M Offline
                        M Offline
                        Marty56
                        wrote on last edited by
                        #21

                        Jetzt geht es. Danke!

                        HW:NUC (16 GB Ram)
                        OS: Debian Bullseye, Promox V7, node v16.x npm 8.19.3

                        1 Reply Last reply
                        0
                        • SpegeliS Offline
                          SpegeliS Offline
                          Spegeli
                          wrote on last edited by
                          #22

                          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
                          0
                          • AxelF1977A Offline
                            AxelF1977A Offline
                            AxelF1977
                            wrote on last edited by AxelF1977
                            #23

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

                            ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                            1 Reply Last reply
                            0
                            • M Offline
                              M Offline
                              Metro75
                              wrote on last edited by
                              #24

                              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
                              0
                              Reply
                              • Reply as topic
                              Log in to reply
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              783

                              Online

                              32.4k

                              Users

                              81.5k

                              Topics

                              1.3m

                              Posts
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Login

                              • Don't have an account? Register

                              • Login or register to search.
                              • First post
                                Last post
                              0
                              • Home
                              • Recent
                              • Tags
                              • Unread 0
                              • Categories
                              • Unreplied
                              • Popular
                              • GitHub
                              • Docu
                              • Hilfe