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. [Gelöst] Bar Widget Farbwechsel

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

[Gelöst] Bar Widget Farbwechsel

Scheduled Pinned Locked Moved Visualisierung
32 Posts 16 Posters 21.9k 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.
  • UhulaU Offline
    UhulaU Offline
    Uhula
    wrote on last edited by
    #23

    @Matzebhv:

    geht das hier: {v:javascript.0.test.testNUMERIC;v < 50 ? "#FFEB3B" :: v < 70 ? "#4CAF50" :: "#F44336"}

    nur mit den Basis-Widgets? `
    Nicht nur, aber mit denen gewiss, weil sie keine eigene Farbsteuerung haben. Die von dir genannten HG Widgets kenne ich leider nicht, vermute aber stark, dass sie eigene CSS Klassen / JS Code zum rendern nutzen und damit solche Farbsteuerungen ignorieren.

    Uhula - Leise und Weise
    Ex: ioBroker on Gigabyte NUC Proxmox

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

      Ok,

      ich habe mir jetzt mit einem Helper-Datenpunkt beholfen. Hier setze ich je nach Temperatur per Script die Farbe und verweise in VIS im Farbfeld des Widgets via {Datenpunkte.0.AußentempColor}.

      Das Funktioniert wie gewünscht.

      Matze

      1 Reply Last reply
      0
      • H Offline
        H Offline
        hjschlager
        wrote on last edited by
        #25

        Hallo Uhula,

        habe mir mal aus deinem Material Design Style Project das Widgets Slider (transparent) Farbton 0-300 (hue) exportiert, funktioniert auch sehr gut. Ich möchte damit den OSRAM Lightify Adapter steuern, der benötigt für den Farbton Werte von #000000 - #FFFFFF. Dein Slider liefert aber Werte von 0 - 100, kann das Script so umgestellt werden. Ich selbst habe keine Ahnung von Java.

        Grüße

        Hans-Jürgen

        1 Reply Last reply
        0
        • UhulaU Offline
          UhulaU Offline
          Uhula
          wrote on last edited by
          #26

          @hjschlager:

          Dein Slider liefert aber Werte von 0 - 100, kann das Script so umgestellt werden. Ich selbst habe keine Ahnung von Java. `
          Die Werte haben nichts mit Javascipt zu tun, sondern direkt im Slider-Widget in den Eigenschaften als min/max angegeben (keine Angabe= 0 bis 100). Du must dort also min=0 und max=16777215 (ist #ffffff) einsetzen. Allerdings ist ein Slider nicht wirklich geeignet um einen Hex-Wert zu liefern, dafür braucht es besser einen Farbpicker, der gleich den Hex-Wert als Ergebnis liefert.

          Ich habe keine Lightify Lampen, aber haben die nicht auch einen State, der nur den Farbwert (HUE) angibt, meistens im Bereich 0..300 oder 0..360? Dafür wäre der Slider dann geeignet. Oder, alternativ die RGB (Rot-Grün-Blau) Werte als einzelne States im Bereich 0..255? Dann könnte man drei Slider verwenden.

          Uhula - Leise und Weise
          Ex: ioBroker on Gigabyte NUC Proxmox

          1 Reply Last reply
          0
          • H Offline
            H Offline
            hjschlager
            wrote on last edited by
            #27

            Hallo Uhula,

            vielen Dank, hat mir viel geholfen!

            ich werde mir den Lightify Adaper anschauen ob der auch einen State für den Farbwert (HUE) hat.

            Grüße

            Hans-Jürgen

            1 Reply Last reply
            0
            • hg6806H Offline
              hg6806H Offline
              hg6806
              Most Active
              wrote on last edited by
              #28

              Hallo zusammen,

              habe auch seit einigen Tagen Lightify und möchte die Farben per ioBroker steuern.

              Gibt es den unteren Slider eigentlich komplett in Farbe ausgefüllt, dass man mit dem Slider drüber genau weiß wohin man will, und gibt es auch Blau dabei? Das wird bei mir nicht angezeigt.

              In Homematic wird z.B. eine Farbskala angezeigt und darüber ein Pfeil als Slider.

              Am besten wäre aber eigentlich eine Farbpalette wo man einfach draufklickt.

              Ich würde das mit 3x3 oder 4x4 Farben einfach selbst definieren.

              Jedoch würde ich eine ganze Gruppe steuern. Wie kann man das machen? Dafür finde ich keine Datenpunkte.

              Danke und Grüße

              1 Reply Last reply
              0
              • L Offline
                L Offline
                ludino
                wrote on last edited by
                #29

                Hallo,

                ich nutze das basic nummber widget und möchte wenn der wert unter 700 rutscht eine Farbänderung haben

                {wert:javascript.0.Variable.variable1;(wert<700) ? "#fc0415" : "#e58513"}

                sollte das so funktionieren?

                Das problem ist im vis editor wird es rot, auf dem explorer bleibt es orange.

                hat einer eine idee?

                1 Reply Last reply
                0
                • Y Offline
                  Y Offline
                  yellow-flashgmx.de
                  wrote on last edited by
                  #30

                  @ludino:

                  Hallo,

                  ich nutze das basic nummber widget und möchte wenn der wert unter 700 rutscht eine Farbänderung haben

                  {wert:javascript.0.Variable.variable1;(wert<700) ? "#fc0415" : "#e58513"}

                  sollte das so funktionieren?

                  Das problem ist im vis editor wird es rot, auf dem explorer bleibt es orange.

                  hat einer eine idee? `

                  Hallo,

                  ich habe das gleiche Problem.

                  Auch ein restart von ioBroker hat nichts gebracht.

                  Im Vis editor zeigt das widget die richtigen Farben, im explorer aber nicht.

                  Es findet auch kein Farbwechsel statt.

                  Ich benutze das basic number widget.

                  Gruß

                  Wolfam

                  fhem auf raspi, fhem auf Win10 (vm unter Hyper-V), ioBroker auf Win10 (vm unter Hyper-V), diverser FS20 und Homematik Geräte, Jeelink.

                  1 Reply Last reply
                  0
                  • L Offline
                    L Offline
                    ludino
                    wrote on last edited by
                    #31

                    @yellow-flash@gmx.de:

                    @ludino:

                    Hallo,

                    ich nutze das basic nummber widget und möchte wenn der wert unter 700 rutscht eine Farbänderung haben

                    {wert:javascript.0.Variable.variable1;(wert<700) ? "#fc0415" : "#e58513"}

                    sollte das so funktionieren?

                    Das problem ist im vis editor wird es rot, auf dem explorer bleibt es orange.

                    hat einer eine idee? `

                    Hallo,

                    ich habe das gleiche Problem.

                    Auch ein restart von ioBroker hat nichts gebracht.

                    Im Vis editor zeigt das widget die richtigen Farben, im explorer aber nicht.

                    Es findet auch kein Farbwechsel statt.

                    Ich benutze das basic number widget.

                    Gruß

                    Wolfam `

                    ICH DENKe im Design ist ein kleiner bug, wenn man die Buttons über copy und Paste einfügt speiert er nicht immer den link,

                    als ich dann jeden einzeln neu erstellt habe funktioniert es!

                    1 Reply Last reply
                    0
                    • SmarthomeMFS Offline
                      SmarthomeMFS Offline
                      SmarthomeMF
                      wrote on last edited by
                      #32

                      Hallo

                      Danke für die echt gute Arbeit hier.

                      Das werde ich gleich mal ausprobieren.

                      Max

                      ioBroker auf einem NUC ,16GB RAM, 120GB SSD) mit Proxmox
                      Cloud Pro, iot, Alexa, Sonos, sonoff, Fronius, Harmony, Doorbird, Shelly, Hue, Loxone, Mihome, …

                      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

                      643

                      Online

                      32.6k

                      Users

                      82.3k

                      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