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
    140

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

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

    @EdgarM

    Gibt es was Neues?

    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

      Gibt es was Neues?

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

      @sigi234
      nichts bedeutendes leider. jetzt bin ich bis Sonntag auch noch unterwegs.
      Als nächstes möchte ich versuchen, den Adapter so umzuschreiben, dass er die css klassen von mdcss benutzt, damit es nicht 2 Mal definiert sein muss.

      Hatte bisher nur bedingt Erfog :(

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

      EdgarME 1 Reply Last reply
      0
      • EdgarME EdgarM

        @sigi234
        nichts bedeutendes leider. jetzt bin ich bis Sonntag auch noch unterwegs.
        Als nächstes möchte ich versuchen, den Adapter so umzuschreiben, dass er die css klassen von mdcss benutzt, damit es nicht 2 Mal definiert sein muss.

        Hatte bisher nur bedingt Erfog :(

        grüße

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

        @sigi234

        Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

        Folgende Widgets sind jetzt dabei:

        • Door
        • Window
        • Shutter
        • Temperature
        • Humidity
        • Occupancy
        • Light
        • LightsDim

        Folgende Eigenschaften sind konfigurierbar:

        • Text Farbe
        • Icon
        • Farbe des semi-transparenten Overlays

        Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

        Bitte um Feedback.

        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 Ruud2019R qqolliQ 4 Replies Last reply
        1
        • EdgarME EdgarM

          @sigi234

          Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

          Folgende Widgets sind jetzt dabei:

          • Door
          • Window
          • Shutter
          • Temperature
          • Humidity
          • Occupancy
          • Light
          • LightsDim

          Folgende Eigenschaften sind konfigurierbar:

          • Text Farbe
          • Icon
          • Farbe des semi-transparenten Overlays

          Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

          Bitte um Feedback.

          grüße
          E

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

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

          Folgende Widgets sind jetzt dabei:

          Ein Multimedia Widget wäre noch interessant.:grinning:

          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:

            Folgende Widgets sind jetzt dabei:

            Ein Multimedia Widget wäre noch interessant.:grinning:

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

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

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

            Folgende Widgets sind jetzt dabei:

            Ein Multimedia Widget wäre noch interessant.:grinning:

            Was stellst du dir denn da genau vor?

            Wenn du es aufmalen könntest ;)

            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 1 Reply Last reply
            0
            • EdgarME EdgarM

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

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

              Folgende Widgets sind jetzt dabei:

              Ein Multimedia Widget wäre noch interessant.:grinning:

              Was stellst du dir denn da genau vor?

              Wenn du es aufmalen könntest ;)

              grüße
              E

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

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

              Was stellst du dir denn da genau vor?

              Alexa - On/Off
              Speaker - On/Off
              Verstärker - On/Off
              Soundbar - On/Off
              TV - On/Off
              FireTv - On/Off

              usw......

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

              Wenn du es aufmalen könntest

              In diesen Adapter sind viele Beispiele:

              vis-icontwo

              https://github.com/inventwo/ioBroker.vis-icontwo/blob/master/README.md

              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:

                Was stellst du dir denn da genau vor?

                Alexa - On/Off
                Speaker - On/Off
                Verstärker - On/Off
                Soundbar - On/Off
                TV - On/Off
                FireTv - On/Off

                usw......

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

                Wenn du es aufmalen könntest

                In diesen Adapter sind viele Beispiele:

                vis-icontwo

                https://github.com/inventwo/ioBroker.vis-icontwo/blob/master/README.md

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

                @sigi234 Hi sigi,

                ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub ;)

                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 1 Reply Last reply
                0
                • EdgarME EdgarM

                  @sigi234 Hi sigi,

                  ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub ;)

                  grüße
                  E

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

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

                  @sigi234 Hi sigi,

                  ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub ;)

                  grüße
                  E

                  Kein Problem, ist ja nur ein Vorschlag.

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

                  1 Reply Last reply
                  0
                  • EdgarME EdgarM

                    @sigi234

                    Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

                    Folgende Widgets sind jetzt dabei:

                    • Door
                    • Window
                    • Shutter
                    • Temperature
                    • Humidity
                    • Occupancy
                    • Light
                    • LightsDim

                    Folgende Eigenschaften sind konfigurierbar:

                    • Text Farbe
                    • Icon
                    • Farbe des semi-transparenten Overlays

                    Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

                    Bitte um Feedback.

                    grüße
                    E

                    Ruud2019R Offline
                    Ruud2019R Offline
                    Ruud2019
                    wrote on last edited by
                    #15

                    @EdgarM
                    Bei mir wird der Schalter jetzt nicht mehr angezeigt.
                    switch.PNG

                    1 Reply Last reply
                    0
                    • EdgarME EdgarM

                      @sigi234

                      Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

                      Folgende Widgets sind jetzt dabei:

                      • Door
                      • Window
                      • Shutter
                      • Temperature
                      • Humidity
                      • Occupancy
                      • Light
                      • LightsDim

                      Folgende Eigenschaften sind konfigurierbar:

                      • Text Farbe
                      • Icon
                      • Farbe des semi-transparenten Overlays

                      Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

                      Bitte um Feedback.

                      grüße
                      E

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

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

                      Ruud2019R EdgarME 2 Replies Last reply
                      0
                      • 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.

                        Ruud2019R Offline
                        Ruud2019R Offline
                        Ruud2019
                        wrote on last edited by Ruud2019
                        #17

                        @qqolli
                        Funktioniert bei dir auch das ListLight Widget?

                        qqolliQ 1 Reply Last reply
                        0
                        • EdgarME EdgarM

                          @sigi234

                          Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

                          Folgende Widgets sind jetzt dabei:

                          • Door
                          • Window
                          • Shutter
                          • Temperature
                          • Humidity
                          • Occupancy
                          • Light
                          • LightsDim

                          Folgende Eigenschaften sind konfigurierbar:

                          • Text Farbe
                          • Icon
                          • Farbe des semi-transparenten Overlays

                          Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

                          Bitte um Feedback.

                          grüße
                          E

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

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

                          Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

                          Schaut auch bei mir komisch aus?

                          Screenshot (385)_LI.jpg

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

                          EdgarME 1 Reply Last reply
                          0
                          • Ruud2019R Ruud2019

                            @qqolli
                            Funktioniert bei dir auch das ListLight Widget?

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

                            @Ruud2019

                            Hab es gearde ausprobiert:

                            e4b9c8bb-6528-49a9-84ba-a117f9fa6601-image.png

                            Genauso wie bei @sigi234

                            1 Reply Last reply
                            0
                            • sigi234S sigi234

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

                              Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

                              Schaut auch bei mir komisch aus?

                              Screenshot (385)_LI.jpg

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

                              @sigi234 Ja sigi, du hast recht. War mir gar nicht aufgefallen.

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          574

                                          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