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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          788

                                          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