Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
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

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.0k

Adaption von Material Design Widgets an MD und mehr Widgets

Geplant Angeheftet Gesperrt Verschoben Tester
material design widgets
57 Beiträge 7 Kommentatoren 7.3k Aufrufe 15 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #15

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

            1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antworten Letzte Antwort
              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
                schrieb am zuletzt editiert von Ruud2019
                #17

                @qqolli
                Funktioniert bei dir auch das ListLight Widget?

                qqolliQ 1 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • Ruud2019R Ruud2019

                    @qqolli
                    Funktioniert bei dir auch das ListLight Widget?

                    qqolliQ Offline
                    qqolliQ Offline
                    qqolli
                    schrieb am zuletzt editiert von
                    #19

                    @Ruud2019

                    Hab es gearde ausprobiert:

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

                    Genauso wie bei @sigi234

                    1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antworten Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antworten Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          778

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe