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. Tester
  4. Adaption von Material Design Widgets an MD und mehr Widgets

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    142

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

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

Adaption von Material Design Widgets an MD und mehr Widgets

Scheduled Pinned Locked Moved Tester
material design widgets
57 Posts 7 Posters 8.0k Views 15 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.
  • qqolliQ qqolli

    @EdgarM

    Hi Edgar,

    ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

    Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

    Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte :-)

    harrymH Offline
    harrymH Offline
    harrym
    wrote on last edited by
    #29

    @qqolli arbeite doch via alias und umrechnen? Farbtemperatur ist eben kein dimmwert.

    ASRock FM2A88X-ITX+ mit 32GB RAM, 128GB SSD mit Proxmox, 3x1 TB SSD als RAID mit CT und VMs.

    qqolliQ 1 Reply Last reply
    0
    • qqolliQ qqolli

      @EdgarM

      Hi Edgar,

      ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

      Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

      Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte :-)

      EdgarME Offline
      EdgarME Offline
      EdgarM
      Developer
      wrote on last edited by
      #30

      @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

      @EdgarM

      Hi Edgar,

      ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

      Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

      Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte :-)

      Hi qqolli, vielleicht könnte man einfach ein eigenes Widget dafür machen.Bloß fällt. mir kein Symbol dafür ein.

      grüße

      bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
      Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

      harrymH 1 Reply Last reply
      0
      • EdgarME EdgarM

        @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

        @EdgarM

        Hi Edgar,

        ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

        Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

        Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte :-)

        Hi qqolli, vielleicht könnte man einfach ein eigenes Widget dafür machen.Bloß fällt. mir kein Symbol dafür ein.

        grüße

        harrymH Offline
        harrymH Offline
        harrym
        wrote on last edited by
        #31

        @EdgarM farbtemperatur ist ein K wert ... also Temperatur. Im Verkauf kommt ein Thermometer mit T zum Einsatz auf Verpackungen ;)

        ASRock FM2A88X-ITX+ mit 32GB RAM, 128GB SSD mit Proxmox, 3x1 TB SSD als RAID mit CT und VMs.

        1 Reply Last reply
        0
        • harrymH harrym

          @qqolli arbeite doch via alias und umrechnen? Farbtemperatur ist eben kein dimmwert.

          qqolliQ Offline
          qqolliQ Offline
          qqolli
          wrote on last edited by
          #32

          @harrym

          Habe ich auch so gemacht, quasi als "Notbehelf" :-)

          1 Reply Last reply
          0
          • EdgarME EdgarM

            @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

            @sigi234

            Hi Sigi,

            mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

            Ich denke, er hat es mit der Signalbilder Einstellung gemacht

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            wrote on last edited by
            #33

            @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

            Ich denke, er hat es mit der Signalbilder Einstellung gemacht

            Ja

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            EdgarME 1 Reply Last reply
            0
            • sigi234S sigi234

              @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

              Ich denke, er hat es mit der Signalbilder Einstellung gemacht

              Ja

              EdgarME Offline
              EdgarME Offline
              EdgarM
              Developer
              wrote on last edited by
              #34

              @harrym

              Hi, Farbtemperatur ist eingebaut, aber noch nicht wiklich schön ( Icon ).

              Sollte aber funktionieren.

              Shutter funktioniert immer noch nicht, und ich habe keine Ahnung warum

              grüße
              E

              bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
              Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

              qqolliQ 1 Reply Last reply
              0
              • EdgarME EdgarM

                @harrym

                Hi, Farbtemperatur ist eingebaut, aber noch nicht wiklich schön ( Icon ).

                Sollte aber funktionieren.

                Shutter funktioniert immer noch nicht, und ich habe keine Ahnung warum

                grüße
                E

                qqolliQ Offline
                qqolliQ Offline
                qqolli
                wrote on last edited by
                #35

                @EdgarM

                Hallo Edgar,

                anbei eine Idee für ein Icon für die Farbtemperatur, habe ich im Netz gefunden und ein bisschen angepasst:

                f49d6acd-3fe4-4c3f-894f-91c6b126b2a1-image.png

                EdgarME 1 Reply Last reply
                0
                • qqolliQ qqolli

                  @EdgarM

                  Hallo Edgar,

                  anbei eine Idee für ein Icon für die Farbtemperatur, habe ich im Netz gefunden und ein bisschen angepasst:

                  f49d6acd-3fe4-4c3f-894f-91c6b126b2a1-image.png

                  EdgarME Offline
                  EdgarME Offline
                  EdgarM
                  Developer
                  wrote on last edited by
                  #36

                  @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                  temperatur, habe ich im Netz gefunden und e

                  Hmm,

                  das Icon ist eher ein RGB als ein Farbtemperatur icon.
                  Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

                  Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

                  grüße
                  E

                  bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                  Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                  harrymH qqolliQ 2 Replies Last reply
                  0
                  • EdgarME EdgarM

                    @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                    temperatur, habe ich im Netz gefunden und e

                    Hmm,

                    das Icon ist eher ein RGB als ein Farbtemperatur icon.
                    Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

                    Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

                    grüße
                    E

                    harrymH Offline
                    harrymH Offline
                    harrym
                    wrote on last edited by
                    #37

                    @EdgarM kelvin_skala.png

                    so in etwa? ;)

                    ASRock FM2A88X-ITX+ mit 32GB RAM, 128GB SSD mit Proxmox, 3x1 TB SSD als RAID mit CT und VMs.

                    EdgarME 1 Reply Last reply
                    1
                    • harrymH harrym

                      @EdgarM kelvin_skala.png

                      so in etwa? ;)

                      EdgarME Offline
                      EdgarME Offline
                      EdgarM
                      Developer
                      wrote on last edited by
                      #38

                      @harrym perfekt

                      bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                      Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                      da_WoodyD 1 Reply Last reply
                      0
                      • EdgarME EdgarM

                        @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                        temperatur, habe ich im Netz gefunden und e

                        Hmm,

                        das Icon ist eher ein RGB als ein Farbtemperatur icon.
                        Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

                        Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

                        grüße
                        E

                        qqolliQ Offline
                        qqolliQ Offline
                        qqolli
                        wrote on last edited by
                        #39

                        @EdgarM

                        Stimmt, aber man könnte statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird.

                        EdgarME 1 Reply Last reply
                        0
                        • qqolliQ qqolli

                          @EdgarM

                          Stimmt, aber man könnte statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird.

                          EdgarME Offline
                          EdgarME Offline
                          EdgarM
                          Developer
                          wrote on last edited by
                          #40

                          @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                          statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird

                          @qqolli hab es vorhin versucht, aber meine Fähigkeiten liegen eindeutig nicht im Design von Icons :)

                          @harrym Das neue Icon habe ich jetzt mal implementiert mit 3 verschiedenen Stati.

                          grüße
                          E

                          bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                          Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                          EdgarME 1 Reply Last reply
                          1
                          • EdgarME EdgarM

                            @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                            statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird

                            @qqolli hab es vorhin versucht, aber meine Fähigkeiten liegen eindeutig nicht im Design von Icons :)

                            @harrym Das neue Icon habe ich jetzt mal implementiert mit 3 verschiedenen Stati.

                            grüße
                            E

                            EdgarME Offline
                            EdgarME Offline
                            EdgarM
                            Developer
                            wrote on last edited by
                            #41

                            So Leute,

                            habe jetzt den Adapter in Version 0.3.0 hochgeladen, alles sollte jetzt funktionieren.

                            Der originale WindowShutter wurde gelöscht und ein komplett neues widget erzeugt. D.h. die alten widgets sind wahrscheinlich nicht mehr funktionsfähig und müssen gelöscht werden.

                            Das neue Shutter hat eine Eigenschaft "invertiert". Wenn das Rollo bei 0% geschlossen und bei 1005 geäffnet ist, hier bitte auf true stellen ansonsten false.

                            Das Farbtemperatur Widget stellt einfach 3 Werte dar, jeweils ein Drittel der eingestellten Range. Verbesserungsvorschläge willkommen.

                            Bitte nochmals testen.
                            @harrym @qqolli @sigi234

                            Bin ab heute Nacht für 7 Tage im Urlaub --> Juhu ;)
                            E

                            bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                            Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                            qqolliQ 1 Reply Last reply
                            1
                            • EdgarME EdgarM

                              So Leute,

                              habe jetzt den Adapter in Version 0.3.0 hochgeladen, alles sollte jetzt funktionieren.

                              Der originale WindowShutter wurde gelöscht und ein komplett neues widget erzeugt. D.h. die alten widgets sind wahrscheinlich nicht mehr funktionsfähig und müssen gelöscht werden.

                              Das neue Shutter hat eine Eigenschaft "invertiert". Wenn das Rollo bei 0% geschlossen und bei 1005 geäffnet ist, hier bitte auf true stellen ansonsten false.

                              Das Farbtemperatur Widget stellt einfach 3 Werte dar, jeweils ein Drittel der eingestellten Range. Verbesserungsvorschläge willkommen.

                              Bitte nochmals testen.
                              @harrym @qqolli @sigi234

                              Bin ab heute Nacht für 7 Tage im Urlaub --> Juhu ;)
                              E

                              qqolliQ Offline
                              qqolliQ Offline
                              qqolli
                              wrote on last edited by qqolli
                              #42

                              @EdgarM

                              Hallo Edgar,

                              ja super, dem geht :-) Werde es noch ausführlicher testen und Dir nach dem wohlverdienten Urlaub Rückmeldung geben.

                              Eine Sache ist mir noch auf die Schnelle aufgefallen, hatte ich glaub ich vorher schon angesprochen. Nur bei dem "ListDoor" Widget ist der Font anders, bzw. die anderen scheinen Bold zu sein:

                              2b8a2afc-7156-4718-af90-030c777efb7e-image.png

                              Ansonsten, super Arbeit und vielen Dank für die Mühe.

                              Wünsche Dir noch einen schönen Urlaub und komm gesund wieder.

                              EdgarME 1 Reply Last reply
                              0
                              • qqolliQ qqolli

                                @EdgarM

                                Hallo Edgar,

                                ja super, dem geht :-) Werde es noch ausführlicher testen und Dir nach dem wohlverdienten Urlaub Rückmeldung geben.

                                Eine Sache ist mir noch auf die Schnelle aufgefallen, hatte ich glaub ich vorher schon angesprochen. Nur bei dem "ListDoor" Widget ist der Font anders, bzw. die anderen scheinen Bold zu sein:

                                2b8a2afc-7156-4718-af90-030c777efb7e-image.png

                                Ansonsten, super Arbeit und vielen Dank für die Mühe.

                                Wünsche Dir noch einen schönen Urlaub und komm gesund wieder.

                                EdgarME Offline
                                EdgarME Offline
                                EdgarM
                                Developer
                                wrote on last edited by
                                #43

                                @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                                de es noch ausführlicher testen und Di

                                Was so ein kleiner Buchstabe ausmacht. Danke, ist gefixt.

                                grüße
                                E

                                bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                                Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                                qqolliQ 1 Reply Last reply
                                0
                                • EdgarME EdgarM

                                  @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                                  de es noch ausführlicher testen und Di

                                  Was so ein kleiner Buchstabe ausmacht. Danke, ist gefixt.

                                  grüße
                                  E

                                  qqolliQ Offline
                                  qqolliQ Offline
                                  qqolli
                                  wrote on last edited by
                                  #44

                                  @EdgarM

                                  Supi, aber eins haste doch noch übersehen :-) Den Untertitel ...

                                  32d97358-6f90-42b4-8642-643af9682ecc-image.png

                                  1 Reply Last reply
                                  0
                                  • EdgarME EdgarM

                                    @harrym perfekt

                                    da_WoodyD Online
                                    da_WoodyD Online
                                    da_Woody
                                    wrote on last edited by da_Woody
                                    #45

                                    hi!
                                    @EdgarM

                                    CW.png
                                    2700_______________________________________________________________________________________6500
                                    einfach mal geschnitzt

                                    gruß vom Woody
                                    HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                                    EdgarME 1 Reply Last reply
                                    0
                                    • da_WoodyD da_Woody

                                      hi!
                                      @EdgarM

                                      CW.png
                                      2700_______________________________________________________________________________________6500
                                      einfach mal geschnitzt

                                      EdgarME Offline
                                      EdgarME Offline
                                      EdgarM
                                      Developer
                                      wrote on last edited by
                                      #46

                                      So,

                                      bin wieder da, und habe noch eine Idee gehabt.

                                      Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.
                                      Damit erspart man sich die Signalbilder und es ist schneller sichtbar, wie der Status ist.

                                      Man kann es ein und ausschalten per Checkbox

                                      4b4c8da0-39db-414c-a862-59eb351f7880-image.png

                                      grüße
                                      E

                                      bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                                      Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                                      sigi234S qqolliQ 2 Replies Last reply
                                      2
                                      • EdgarME EdgarM

                                        So,

                                        bin wieder da, und habe noch eine Idee gehabt.

                                        Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.
                                        Damit erspart man sich die Signalbilder und es ist schneller sichtbar, wie der Status ist.

                                        Man kann es ein und ausschalten per Checkbox

                                        4b4c8da0-39db-414c-a862-59eb351f7880-image.png

                                        grüße
                                        E

                                        sigi234S Online
                                        sigi234S Online
                                        sigi234
                                        Forum Testing Most Active
                                        wrote on last edited by sigi234
                                        #47

                                        @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

                                        Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.

                                        Kann man die Farbe auch ändern?

                                        1. Frage, würde das auch bei Volume gehen?
                                          Also Wert 0 -100 Farbe entsprechend der Einstellung?

                                        Screenshot (426).png

                                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                        Immer Daten sichern!

                                        EdgarME 1 Reply Last reply
                                        0
                                        • sigi234S sigi234

                                          @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

                                          Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.

                                          Kann man die Farbe auch ändern?

                                          1. Frage, würde das auch bei Volume gehen?
                                            Also Wert 0 -100 Farbe entsprechend der Einstellung?

                                          Screenshot (426).png

                                          EdgarME Offline
                                          EdgarME Offline
                                          EdgarM
                                          Developer
                                          wrote on last edited by
                                          #48

                                          @sigi234 Hi Sigi, ja, das müsste auch gehen, werde gerne auch ein Widget für Volume bauen ;)

                                          grüße
                                          E

                                          bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
                                          Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

                                          EdgarME 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          563

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          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