Skip to content
  • 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
Logo
  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.1k

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

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

[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.
  • F Offline
    F Offline
    Farmer-cb
    wrote on last edited by
    #1

    Hallo

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

    mein Problem

    1 Variable

    3 Buttons

    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

    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
    • R Offline
      R Offline
      RappiRN
      Most Active
      wrote on last edited by
      #2

      Du kannst z.B. die Hintergrundfarbe als Objekt (Datenpunkt) eingeben. Dazu einen Datenpunkt (gemischt), am besten unter javascript.0 erstellen und diesem per Script, nach deinen Anforderungen entsprechende Farben geben. Was ich jetzt nicht genau weiß, ob die Farben auch als Wort(z.B. white) eingegeben werden können, oder ob das nur als RGB-Wert gemacht werden kann. RGB-Wert (z.B. #ff0000 für grün) geht auf jeden Fall das mache ich so.

      In den Widgeteinstellungen muss der Datenpunkt mit geschweiften Klammern eingegeben werden (z.B. {javascript.0.farbe_button1}.

      Enrico

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

        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

        Ich beantworte keine Fragen zu Themen via PN

        1 Reply Last reply
        0
        • MatzebhvM Offline
          MatzebhvM Offline
          Matzebhv
          wrote on last edited by
          #4

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

          Hier muss man allerdings probieren, das funktioniert nicht mit jedem Widget.

          Gruß

          Matze

          1 Reply Last reply
          0
          • F Offline
            F Offline
            Farmer-cb
            wrote on last edited by
            #5

            @RappiRN:

            Du kannst z.B. die Hintergrundfarbe als Objekt (Datenpunkt) eingeben. Dazu einen Datenpunkt (gemischt), am besten unter javascript.0 erstellen und diesem per Script, nach deinen Anforderungen entsprechende Farben geben. Was ich jetzt nicht genau weiß, ob die Farben auch als Wort(z.B. white) eingegeben werden können, oder ob das nur als RGB-Wert gemacht werden kann. RGB-Wert (z.B. #ff0000 für grün) geht auf jeden Fall das mache ich so.

            In den Widgeteinstellungen muss der Datenpunkt mit geschweiften Klammern eingegeben werden (z.B. {javascript.0.farbe_button1}.

            Enrico `

            irgendwie funktioniert das nicht
            4639_blockly.jpg

            am Button so angegeben
            4639_button.jpg
            4639_objekt.jpg

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

              @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

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

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

                  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 `

                  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
                    #9

                    @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

                    Ich beantworte keine Fragen zu Themen via PN

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          474

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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