Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  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.3k

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

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

[geloest] Button bei wert farbe ändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
24 Beiträge 11 Kommentatoren 8.2k Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • MatzebhvM Offline
    MatzebhvM Offline
    Matzebhv
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • F Offline
      F Offline
      Farmer-cb
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • F Offline
        F Offline
        Farmer-cb
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • H Offline
          H Offline
          Home4.0
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • F Offline
            F Offline
            Farmer-cb
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • PeoplesP Offline
              PeoplesP Offline
              Peoples
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • R Offline
                R Offline
                RappiRN
                Most Active
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • P Offline
                  P Offline
                  Peter13
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • H Offline
                    H Offline
                    Home4.0
                    schrieb am zuletzt editiert von
                    #12

                    Hallo,

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

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

                    1 Antwort Letzte Antwort
                    0
                    • F Offline
                      F Offline
                      Farmer-cb
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • PeoplesP Offline
                        PeoplesP Offline
                        Peoples
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • S Offline
                          S Offline
                          Stephiobroker
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • PeoplesP Offline
                            PeoplesP Offline
                            Peoples
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • M Offline
                              M Offline
                              Marty56
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • R Offline
                                R Offline
                                RappiRN
                                Most Active
                                schrieb am zuletzt editiert von
                                #18

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

                                Enrico

                                1 Antwort Letzte Antwort
                                0
                                • M Offline
                                  M Offline
                                  Marty56
                                  schrieb am zuletzt editiert von
                                  #19

                                  Nein, er hat 1

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

                                  1 Antwort Letzte Antwort
                                  0
                                  • R Offline
                                    R Offline
                                    RappiRN
                                    Most Active
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • M Offline
                                      M Offline
                                      Marty56
                                      schrieb am zuletzt editiert von
                                      #21

                                      Jetzt geht es. Danke!

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • SpegeliS Offline
                                        SpegeliS Offline
                                        Spegeli
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        0
                                        • AxelF1977A Offline
                                          AxelF1977A Offline
                                          AxelF1977
                                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          616

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe