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
    12
    1
    127

  • 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.2k

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

    Hallo Edgar,

    hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen :-)

    Ein Problem gibt es bei mir mit dem Shutter Widget:

    b8173abb-caa8-4a9b-b38d-b0543c905421-image.png

    Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

    057bd6fc-1c38-4311-a93d-c78e6d1d7170-image.png

    und ändern kann man es auch:

    469cb8fb-0cd2-4183-968b-0e8d4dadbba0-image.png

    Aber egal was ich einstelle/ändere, es wird nicht angezeigt :-( Alle anderen Widgets gehen super.

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

    Schaue erstmal nach dem ListLight, dann hier ;9

    grüße
    E
    @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

    @EdgarM

    Hallo Edgar,

    hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen :-)

    Ein Problem gibt es bei mir mit dem Shutter Widget:

    b8173abb-caa8-4a9b-b38d-b0543c905421-image.png

    Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

    057bd6fc-1c38-4311-a93d-c78e6d1d7170-image.png

    und ändern kann man es auch:

    469cb8fb-0cd2-4183-968b-0e8d4dadbba0-image.png

    Aber egal was ich einstelle/ändere, es wird nicht angezeigt :-( Alle anderen Widgets gehen super.

    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
    0
    • EdgarME EdgarM

      Schaue erstmal nach dem ListLight, dann hier ;9

      grüße
      E
      @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

      @EdgarM

      Hallo Edgar,

      hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen :-)

      Ein Problem gibt es bei mir mit dem Shutter Widget:

      b8173abb-caa8-4a9b-b38d-b0543c905421-image.png

      Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

      057bd6fc-1c38-4311-a93d-c78e6d1d7170-image.png

      und ändern kann man es auch:

      469cb8fb-0cd2-4183-968b-0e8d4dadbba0-image.png

      Aber egal was ich einstelle/ändere, es wird nicht angezeigt :-( Alle anderen Widgets gehen super.

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

      Also,

      das mit dem Licht Schalter ist gelöst.

      Warum allerdings beim Shutter ein Fehler drin ist, da hab ich im Moment null Ahnung.

      Habe es geändert, neu gemacht, zurückgerollt und fast hätte ich noch die Schriftfarbe verändert ;) und nichts.

      Mache weiter
      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 sigi234S 2 Replies Last reply
      0
      • EdgarME EdgarM

        Also,

        das mit dem Licht Schalter ist gelöst.

        Warum allerdings beim Shutter ein Fehler drin ist, da hab ich im Moment null Ahnung.

        Habe es geändert, neu gemacht, zurückgerollt und fast hätte ich noch die Schriftfarbe verändert ;) und nichts.

        Mache weiter
        E

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

        Falls mich jemand unterstützen könnte:

        Der Fehler scheint ein Synthax Fehler zu sein:

        Error: can't render tplMaListShutter w00058 on "test_new": instrument.ts:129:69
        Error: 0 - SyntaxError: expected expression, got '>'myEval@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:548 instrument.ts:129:69
        Error: 1 - scan@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:5958 instrument.ts:129:69
        Error: 2 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:366 instrument.ts:129:69
        Error: 3 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:217 instrument.ts:129:69
        Error: 4 - renderer@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:1876 instrument.ts:129:69
        Error: 5 - registerView@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3843 instrument.ts:129:69
        Error: 6 - o@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:839 instrument.ts:129:69
        Error: 7 - e.__notObserve/<@http://iobroker:8082/vis/lib/js/can.custom.min.js:46:3358 instrument.ts:129:69
        Error: 8 - renderAs@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3466 instrument.ts:129:69
        Error: 9 - e.template@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:1267 instrument.ts:129:69
        Error: 10 - renderWidget@http://iobroker:8082/vis/js/vis.js:1610:33 instrument.ts:129:69
        Error: 11 - reRenderWidget@http://iobroker:8082/vis/js/vis.js:1043:14 instrument.ts:129:69
        Error: 12 - reRenderWidgetEdit@http://iobroker:8082/vis/js/visEdit.js:4231:14 instrument.ts:129:69
        Error: 13 - inspectWidgets@http://iobroker:8082/vis/js/visEditInspect.js:2464:22 instrument.ts:129:69
        Error: 14 - drop/<@http://iobroker:8082/vis/js/visEdit.js:5191:26 instrument.ts:129:69
        Error: 15 - sentryWrapped@http://iobroker:8082/vis/widgets/materialdesign/lib/raw/sentry/bundle.min.js:2:45604 instrument.ts:129:69
        Error: 16 - 
        

        Ich finde ihn aber ums verrecken nicht.

        Ich habe sogar den funktionierenden Widget LightDim kopiert und die Namen angepasst.

        Im js ist !scheinbar! auch alles ok..

        wäre dankbar für unterstützung

        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+)

        1 Reply Last reply
        0
        • EdgarME EdgarM

          Also,

          das mit dem Licht Schalter ist gelöst.

          Warum allerdings beim Shutter ein Fehler drin ist, da hab ich im Moment null Ahnung.

          Habe es geändert, neu gemacht, zurückgerollt und fast hätte ich noch die Schriftfarbe verändert ;) und nichts.

          Mache weiter
          E

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

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

          das mit dem Licht Schalter ist gelöst.

          Jupp. Screenshot (398).png

          Kann man die Höhe der Transparenz auch einstellen?

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

          qqolliQ 1 Reply Last reply
          0
          • EdgarME EdgarM
            Aktuelle Test Version 0.2.0
            Veröffentlichungsdatum 05.08.2020
            Github Link https://github.com/EdgarM73/ioBroker.vis-material

            Der Adapter Material Widgets von nisiode ist scheinbar schon lange nicht mehr angepasst worden hat mir aber trotzdem sehr gut gefallen, weil er recht einfach zu verwenden ist.

            Ich habe auf Basis eines Forks von pix-- selber einen Fork erstellt und nochmal erweitert.

            Es gibt jetzt folgende Widgets im Adapter:
            ListDoor
            ListWindow
            ListWindowShutter
            ListTemperature
            ListHumidity
            ListOccupancy
            ListLight
            ListLightDimmer

            Außerdem habe ich noch folgende Anpassung am Design vorgenommen:
            Ein weissen Layer mit opacity 0.08 über jedem Widget ( https://material.io/design/color/dark-theme.html#usage )

            Ausserdem habe ich einen Bug "gefixt", der den Adapter inkompatibel mit dem Material Design von Uhula ( https://github.com/Uhula/ioBroker-Material-Design-Style ) gemacht hat ( die Material Design CSS Klassen heissen jetzt mduiw ).

            Ich denke, man könnte noch mehr daraus machen und vor allem die beiden ( also Uhula css und den Adapter ) zusammenfügen, da man dann einfach das MD benutzen kann.

            Wer testen möchte darf mir gerne hier Infos geben und ich werde versuchen zu liefern.

            @Scrounger , wenn du Lust und Zeit hast, könnten wir das doch verbinden, oder? :)

            grüße
            E

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

            @EdgarM

            Hallo Edgar,

            ausser dem Shutter Widget ist mir noch eine Kleinigkeit aufgefallen bzgl. der Fonts:

            1ece5e08-32fc-4a2c-8d5d-521604b2feec-image.png

            Außer bei ListDoor ist der Font immer Fett. War das so gewollt?

            1 Reply Last reply
            0
            • sigi234S sigi234

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

              das mit dem Licht Schalter ist gelöst.

              Jupp. Screenshot (398).png

              Kann man die Höhe der Transparenz auch einstellen?

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

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

              EdgarME 1 Reply Last reply
              0
              • qqolliQ qqolli

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

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

                @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

                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 1 Reply Last reply
                0
                • EdgarME EdgarM
                  Aktuelle Test Version 0.2.0
                  Veröffentlichungsdatum 05.08.2020
                  Github Link https://github.com/EdgarM73/ioBroker.vis-material

                  Der Adapter Material Widgets von nisiode ist scheinbar schon lange nicht mehr angepasst worden hat mir aber trotzdem sehr gut gefallen, weil er recht einfach zu verwenden ist.

                  Ich habe auf Basis eines Forks von pix-- selber einen Fork erstellt und nochmal erweitert.

                  Es gibt jetzt folgende Widgets im Adapter:
                  ListDoor
                  ListWindow
                  ListWindowShutter
                  ListTemperature
                  ListHumidity
                  ListOccupancy
                  ListLight
                  ListLightDimmer

                  Außerdem habe ich noch folgende Anpassung am Design vorgenommen:
                  Ein weissen Layer mit opacity 0.08 über jedem Widget ( https://material.io/design/color/dark-theme.html#usage )

                  Ausserdem habe ich einen Bug "gefixt", der den Adapter inkompatibel mit dem Material Design von Uhula ( https://github.com/Uhula/ioBroker-Material-Design-Style ) gemacht hat ( die Material Design CSS Klassen heissen jetzt mduiw ).

                  Ich denke, man könnte noch mehr daraus machen und vor allem die beiden ( also Uhula css und den Adapter ) zusammenfügen, da man dann einfach das MD benutzen kann.

                  Wer testen möchte darf mir gerne hier Infos geben und ich werde versuchen zu liefern.

                  @Scrounger , wenn du Lust und Zeit hast, könnten wir das doch verbinden, oder? :)

                  grüße
                  E

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

                  @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 EdgarME 2 Replies 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 :-)

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          581

                                          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