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

Adaption von Material Design Widgets an MD und mehr Widgets

Geplant Angeheftet Gesperrt Verschoben Tester
material design widgets
57 Beiträge 7 Kommentatoren 7.4k 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:

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

    Ok, Wünsche:

    Werte anpassbar - Name, Farbe (bei false/true - Rot/Grün) , Schrift und Größe
    Icons änderbar - Größe, Position

    Anregung:

    Icons von Licht unterschiedlich

    VIEW in Bearbeitung:

    Screenshot (245).png

    EdgarME Offline
    EdgarME Offline
    EdgarM
    Developer
    schrieb am zuletzt editiert von
    #6

    @sigi234 Das sieht ja toll aus bei dir ;)

    Es gibt bereits unter "Signalbilder" die Möglichkeit bedingte Symbole anzuzeigen die man auch platzieren kann.

    Ich habe z.b. leere Batterie und "zu warm" als Signalbild benutzt.

    Farbe und ähnliches möchte ich gerne passend zum Material Dark theme implementieren, das widget soll also rot werden bei Fehlern oder Alarm.

    Größe der Icons sind bereits anpassbar in vis.

    Kommt aber noch.

    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
      Aktuelle Test Version 0.2.0
      Veröffentlichungsdatum 05.08.2020
      Github Link https://github.com/EdgarM73/ioBroker.vis-material

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

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

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

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

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

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

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

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

      grüße
      E

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #7

      @EdgarM

      Gibt es was Neues?

      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

        Gibt es was Neues?

        EdgarME Offline
        EdgarME Offline
        EdgarM
        Developer
        schrieb am zuletzt editiert von
        #8

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

        Hatte bisher nur bedingt Erfog :(

        grüße

        bisher produktive Zentralen: FHEM,openhab,node-red, homeassistant
        Geräte von: Homematic (ca 20 ), Hue(15),Osram(10),tradfri(10), shelly(4), aqara(20+)

        EdgarME 1 Antwort Letzte Antwort
        0
        • EdgarME EdgarM

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

          Hatte bisher nur bedingt Erfog :(

          grüße

          EdgarME Offline
          EdgarME Offline
          EdgarM
          Developer
          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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          884

                                          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