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

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

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

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

    @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

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

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

    Ich denke, er hat es mit der Signalbilder Einstellung gemacht

    Ja

    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:

      Ich denke, er hat es mit der Signalbilder Einstellung gemacht

      Ja

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

      @harrym

      Hi, Farbtemperatur ist eingebaut, aber noch nicht wiklich schön ( Icon ).

      Sollte aber funktionieren.

      Shutter funktioniert immer noch nicht, und ich habe keine Ahnung warum

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

      qqolliQ 1 Antwort Letzte Antwort
      0
      • EdgarME EdgarM

        @harrym

        Hi, Farbtemperatur ist eingebaut, aber noch nicht wiklich schön ( Icon ).

        Sollte aber funktionieren.

        Shutter funktioniert immer noch nicht, und ich habe keine Ahnung warum

        grüße
        E

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

        @EdgarM

        Hallo Edgar,

        anbei eine Idee für ein Icon für die Farbtemperatur, habe ich im Netz gefunden und ein bisschen angepasst:

        f49d6acd-3fe4-4c3f-894f-91c6b126b2a1-image.png

        EdgarME 1 Antwort Letzte Antwort
        0
        • qqolliQ qqolli

          @EdgarM

          Hallo Edgar,

          anbei eine Idee für ein Icon für die Farbtemperatur, habe ich im Netz gefunden und ein bisschen angepasst:

          f49d6acd-3fe4-4c3f-894f-91c6b126b2a1-image.png

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

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

          temperatur, habe ich im Netz gefunden und e

          Hmm,

          das Icon ist eher ein RGB als ein Farbtemperatur icon.
          Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

          Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

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

          harrymH qqolliQ 2 Antworten Letzte Antwort
          0
          • EdgarME EdgarM

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

            temperatur, habe ich im Netz gefunden und e

            Hmm,

            das Icon ist eher ein RGB als ein Farbtemperatur icon.
            Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

            Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

            grüße
            E

            harrymH Offline
            harrymH Offline
            harrym
            schrieb am zuletzt editiert von
            #37

            @EdgarM kelvin_skala.png

            so in etwa? ;)

            ASRock FM2A88X-ITX+ mit 32GB RAM, 128GB SSD mit Proxmox, 3x1 TB SSD als RAID mit CT und VMs.

            EdgarME 1 Antwort Letzte Antwort
            1
            • harrymH harrym

              @EdgarM kelvin_skala.png

              so in etwa? ;)

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

              @harrym perfekt

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

              da_WoodyD 1 Antwort Letzte Antwort
              0
              • EdgarME EdgarM

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

                temperatur, habe ich im Netz gefunden und e

                Hmm,

                das Icon ist eher ein RGB als ein Farbtemperatur icon.
                Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

                Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

                grüße
                E

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

                @EdgarM

                Stimmt, aber man könnte statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird.

                EdgarME 1 Antwort Letzte Antwort
                0
                • qqolliQ qqolli

                  @EdgarM

                  Stimmt, aber man könnte statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird.

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

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

                  statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird

                  @qqolli hab es vorhin versucht, aber meine Fähigkeiten liegen eindeutig nicht im Design von Icons :)

                  @harrym Das neue Icon habe ich jetzt mal implementiert mit 3 verschiedenen Stati.

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

                  EdgarME 1 Antwort Letzte Antwort
                  1
                  • EdgarME EdgarM

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

                    statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird

                    @qqolli hab es vorhin versucht, aber meine Fähigkeiten liegen eindeutig nicht im Design von Icons :)

                    @harrym Das neue Icon habe ich jetzt mal implementiert mit 3 verschiedenen Stati.

                    grüße
                    E

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

                    So Leute,

                    habe jetzt den Adapter in Version 0.3.0 hochgeladen, alles sollte jetzt funktionieren.

                    Der originale WindowShutter wurde gelöscht und ein komplett neues widget erzeugt. D.h. die alten widgets sind wahrscheinlich nicht mehr funktionsfähig und müssen gelöscht werden.

                    Das neue Shutter hat eine Eigenschaft "invertiert". Wenn das Rollo bei 0% geschlossen und bei 1005 geäffnet ist, hier bitte auf true stellen ansonsten false.

                    Das Farbtemperatur Widget stellt einfach 3 Werte dar, jeweils ein Drittel der eingestellten Range. Verbesserungsvorschläge willkommen.

                    Bitte nochmals testen.
                    @harrym @qqolli @sigi234

                    Bin ab heute Nacht für 7 Tage im Urlaub --> Juhu ;)
                    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+)

                    qqolliQ 1 Antwort Letzte Antwort
                    1
                    • EdgarME EdgarM

                      So Leute,

                      habe jetzt den Adapter in Version 0.3.0 hochgeladen, alles sollte jetzt funktionieren.

                      Der originale WindowShutter wurde gelöscht und ein komplett neues widget erzeugt. D.h. die alten widgets sind wahrscheinlich nicht mehr funktionsfähig und müssen gelöscht werden.

                      Das neue Shutter hat eine Eigenschaft "invertiert". Wenn das Rollo bei 0% geschlossen und bei 1005 geäffnet ist, hier bitte auf true stellen ansonsten false.

                      Das Farbtemperatur Widget stellt einfach 3 Werte dar, jeweils ein Drittel der eingestellten Range. Verbesserungsvorschläge willkommen.

                      Bitte nochmals testen.
                      @harrym @qqolli @sigi234

                      Bin ab heute Nacht für 7 Tage im Urlaub --> Juhu ;)
                      E

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

                      @EdgarM

                      Hallo Edgar,

                      ja super, dem geht :-) Werde es noch ausführlicher testen und Dir nach dem wohlverdienten Urlaub Rückmeldung geben.

                      Eine Sache ist mir noch auf die Schnelle aufgefallen, hatte ich glaub ich vorher schon angesprochen. Nur bei dem "ListDoor" Widget ist der Font anders, bzw. die anderen scheinen Bold zu sein:

                      2b8a2afc-7156-4718-af90-030c777efb7e-image.png

                      Ansonsten, super Arbeit und vielen Dank für die Mühe.

                      Wünsche Dir noch einen schönen Urlaub und komm gesund wieder.

                      EdgarME 1 Antwort Letzte Antwort
                      0
                      • qqolliQ qqolli

                        @EdgarM

                        Hallo Edgar,

                        ja super, dem geht :-) Werde es noch ausführlicher testen und Dir nach dem wohlverdienten Urlaub Rückmeldung geben.

                        Eine Sache ist mir noch auf die Schnelle aufgefallen, hatte ich glaub ich vorher schon angesprochen. Nur bei dem "ListDoor" Widget ist der Font anders, bzw. die anderen scheinen Bold zu sein:

                        2b8a2afc-7156-4718-af90-030c777efb7e-image.png

                        Ansonsten, super Arbeit und vielen Dank für die Mühe.

                        Wünsche Dir noch einen schönen Urlaub und komm gesund wieder.

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

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

                        de es noch ausführlicher testen und Di

                        Was so ein kleiner Buchstabe ausmacht. Danke, ist gefixt.

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

                        qqolliQ 1 Antwort Letzte Antwort
                        0
                        • EdgarME EdgarM

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

                          de es noch ausführlicher testen und Di

                          Was so ein kleiner Buchstabe ausmacht. Danke, ist gefixt.

                          grüße
                          E

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

                          @EdgarM

                          Supi, aber eins haste doch noch übersehen :-) Den Untertitel ...

                          32d97358-6f90-42b4-8642-643af9682ecc-image.png

                          1 Antwort Letzte Antwort
                          0
                          • EdgarME EdgarM

                            @harrym perfekt

                            da_WoodyD Online
                            da_WoodyD Online
                            da_Woody
                            schrieb am zuletzt editiert von da_Woody
                            #45

                            hi!
                            @EdgarM

                            CW.png
                            2700_______________________________________________________________________________________6500
                            einfach mal geschnitzt

                            gruß vom Woody
                            HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                            EdgarME 1 Antwort Letzte Antwort
                            0
                            • da_WoodyD da_Woody

                              hi!
                              @EdgarM

                              CW.png
                              2700_______________________________________________________________________________________6500
                              einfach mal geschnitzt

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

                              So,

                              bin wieder da, und habe noch eine Idee gehabt.

                              Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.
                              Damit erspart man sich die Signalbilder und es ist schneller sichtbar, wie der Status ist.

                              Man kann es ein und ausschalten per Checkbox

                              4b4c8da0-39db-414c-a862-59eb351f7880-image.png

                              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 qqolliQ 2 Antworten Letzte Antwort
                              2
                              • EdgarME EdgarM

                                So,

                                bin wieder da, und habe noch eine Idee gehabt.

                                Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.
                                Damit erspart man sich die Signalbilder und es ist schneller sichtbar, wie der Status ist.

                                Man kann es ein und ausschalten per Checkbox

                                4b4c8da0-39db-414c-a862-59eb351f7880-image.png

                                grüße
                                E

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

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

                                Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.

                                Kann man die Farbe auch ändern?

                                1. Frage, würde das auch bei Volume gehen?
                                  Also Wert 0 -100 Farbe entsprechend der Einstellung?

                                Screenshot (426).png

                                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:

                                  Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.

                                  Kann man die Farbe auch ändern?

                                  1. Frage, würde das auch bei Volume gehen?
                                    Also Wert 0 -100 Farbe entsprechend der Einstellung?

                                  Screenshot (426).png

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

                                  @sigi234 Hi Sigi, ja, das müsste auch gehen, werde gerne auch ein Widget für Volume bauen ;)

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

                                  EdgarME 1 Antwort Letzte Antwort
                                  1
                                  • EdgarME EdgarM

                                    @sigi234 Hi Sigi, ja, das müsste auch gehen, werde gerne auch ein Widget für Volume bauen ;)

                                    grüße
                                    E

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

                                    Hi All,

                                    ich denke, ich werde heute meinen Adapter umziehen und umbenennen.

                                    Der Pull Request hat bisher keinerlei Reaktion ausgelöst und ich denke durchaus, dass der Adapter Release-bar ist.

                                    Ich kann aktuell noch nicht genau abschätzen, wieviel Umstände das bereitet, möglicherweise müssen vorhandene widgets exportiert , angepasst und wieder importiert werden.

                                    Melde mich sobald ich das getestet habe.

                                    Falls jemand einen besseren Vorschlag als vis-material2 hat nur her damit

                                    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

                                      So,

                                      bin wieder da, und habe noch eine Idee gehabt.

                                      Beim Temperatur und beim Humidity Widget habe ich eine Funktion eingebaut, die die Farbe abhängig von den Werten verändern kann.
                                      Damit erspart man sich die Signalbilder und es ist schneller sichtbar, wie der Status ist.

                                      Man kann es ein und ausschalten per Checkbox

                                      4b4c8da0-39db-414c-a862-59eb351f7880-image.png

                                      grüße
                                      E

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

                                      @EdgarM

                                      Hallo Edgar,

                                      welcome back :-)

                                      Hast Du noch an den Untertitel gedacht?

                                      232e55cb-c600-4450-9acc-834d5ae46dc2-image.png

                                      EdgarME 1 Antwort Letzte Antwort
                                      0
                                      • qqolliQ qqolli

                                        @EdgarM

                                        Hallo Edgar,

                                        welcome back :-)

                                        Hast Du noch an den Untertitel gedacht?

                                        232e55cb-c600-4450-9acc-834d5ae46dc2-image.png

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

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

                                        @EdgarM

                                        Hallo Edgar,

                                        welcome back :-)

                                        Hast Du noch an den Untertitel gedacht?

                                        232e55cb-c600-4450-9acc-834d5ae46dc2-image.png

                                        Soweit ich weiß, habe ich das bereits vor meinem Urlaub gemacht. Bei mir sieht es wenigstens richtig aus.

                                        hol mal eine neue Version bitte, die Versionsnummer hat siche vielleicht nicht geändert seitdem

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

                                        qqolliQ 1 Antwort Letzte Antwort
                                        0
                                        • EdgarME EdgarM

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

                                          @EdgarM

                                          Hallo Edgar,

                                          welcome back :-)

                                          Hast Du noch an den Untertitel gedacht?

                                          232e55cb-c600-4450-9acc-834d5ae46dc2-image.png

                                          Soweit ich weiß, habe ich das bereits vor meinem Urlaub gemacht. Bei mir sieht es wenigstens richtig aus.

                                          hol mal eine neue Version bitte, die Versionsnummer hat siche vielleicht nicht geändert seitdem

                                          grüße
                                          E

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

                                          @EdgarM

                                          Ah, ok. Super. Hatte ich nicht dran gedacht. Werde mir nachher die neue Version drauf machen.

                                          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

                                          731

                                          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