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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          560

                                          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