Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.5.x

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Material Design Widgets v0.5.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @Oli last edited by

      @oli
      was steht in der browser console (F12)?
      Mach nen export von nem Widget wo es nicht geht.

      O 1 Reply Last reply Reply Quote 0
      • O
        Oli @Scrounger last edited by

        @scrounger

        sorry mein Fehler, hatte den darkTheme aktiviert, jetzt scheint es zu funktionieren

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @Oli last edited by

          @oli
          dark theme aktiv und light colors geändert - kenn ich zu gut 😉

          Wenn dir beim dark theme farben aufallen, die standardmäßig überhaupt nicht passen, wäre es super wenn du mir die mitteilst. Hab die Fraben fürs dark theme kaum geprüft, da ich es nicht benutze.

          O 1 Reply Last reply Reply Quote 0
          • O
            Oli @Scrounger last edited by

            @scrounger

            mache ich, habe jetzt allerdings erstmal auf false gesetzt. Ich habe in deiner Beschreibung gesehen, dass du für den Adapterstatus eine neue Darstellung, mit zusätzlichen Buttons hast. Stellst du das neue Script wieder zur Verfügung?

            Scrounger 1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @Oli last edited by Scrounger

              @oli
              ja da bastel ich grad noch dran rum. Gibts dann sobald die v0.5.0 im latest ist.
              Wird das erste Beispiel sein, wo man den Einsatz der HTML Widgets sehr gut sieht und das neue value widget als ersatz für bidnings.

              Hier mal ein kleiner vorgeschmack:
              35a0fcc6-077e-493f-ba07-43d90e4eff93-grafik.png

              b747b005-3888-4579-9e27-154f52e0a35f-grafik.png

              O 2 Replies Last reply Reply Quote 0
              • O
                Oli @Scrounger last edited by

                @scrounger

                ja, genau die meinte ich super, danke dir

                1 Reply Last reply Reply Quote 0
                • O
                  Oli @Scrounger last edited by Oli

                  @scrounger

                  jetzt habe ich aber leider doch was gefunden.
                  Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                  57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                  Dann habe ich noch eine Frage zum Value Widget.
                  Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                  Der Original Datenpunkt
                  6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                  Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:
                  e477e1ad-5ba9-4a94-9236-84bcdfbaefb2-image.png

                  Scrounger 1 Reply Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @Oli last edited by

                    @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                    jetzt habe ich aber leider doch was gefunden.
                    Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                    57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                    Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird 😉

                    Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                    Der Original Datenpunkt
                    6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                    Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:

                    Wie du schreibst möchtest du ein Datum (hier in Form eines Timestamps) formatieren. Das geht mit in Dauer umwandeln nicht, da es Dauer und kein Datum ist.
                    Bau ich ein, gibts dann in der latest version.

                    M O 2 Replies Last reply Reply Quote 1
                    • M
                      Marcel85 @Scrounger last edited by

                      @scrounger
                      Ich habe scheinbar noch einen Fehler bzw. einen fehlenden DP gefunden.
                      In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                      Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.
                      Gruß

                      Scrounger 2 Replies Last reply Reply Quote 0
                      • R
                        Rosi8818 last edited by

                        ich hoffe ich darf hier noch für die 0-4 Version was schreiben, der Original Forumsbeitrag ist gesperrt und an die 0.5 trau ich mich noch nicht ran (habe nicht alles verstanden was ich machen muss beim Umstieg, kämpfe noch mit allgemeinen DIngen).

                        Mir geht es um eine generelle Frage, beispielsweise wenn ich ein Dialogwidget des MD einfüge und dort unter Button-Layout -> Bild mit der Maus reinklicke, dauert es fast 3 Minuten bis ich etwas auswählen kann und bekomme die Meldung das mein Raspberry nicht reagiert...warten oder abbrechen kommt dann.

                        Ich vermute das ich zu Anfang viel probiert habe und viel unnütze Bilder/widgets "installiert" habe.
                        Deshalb meine Frage,

                        1. wo liegen die Bilder im Standard die dort dann zur Auswahl stehen (damit ich dort nur das nötigste einstelle)
                        2. wenn ich dazu eine Farbe auswähle, geht das sicher nur bei den MaterialDesign Bildern das diese eingefärbt werden oder auch bei eigenen (bspw. Transparent des Bildes oder das weiss wird eingefärbt)?
                        1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @Marcel85 last edited by

                          @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                          @scrounger
                          Ich habe scheinbar noch einen Fehler bzw. einen fehlenden DP gefunden.
                          In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.

                          Ok muss ich mir anschauen.

                          @rosi8818 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                          ich hoffe ich darf hier noch für die 0-4 Version was schreiben, der Original Forumsbeitrag ist gesperrt und an die 0.5 trau ich mich noch nicht ran (habe nicht alles verstanden was ich machen muss beim Umstieg, kämpfe noch mit allgemeinen DIngen).

                          Ich kann dir nur Empfehlen geh auf die 0.5.0 Version, hier sind einige Fehler behoben und das ganze ist performanter. Bis auf die 2 Breacking Changes von oben wird alles noch funktionieren.

                          Mir geht es um eine generelle Frage, beispielsweise wenn ich ein Dialogwidget des MD einfüge und dort unter Button-Layout -> Bild mit der Maus reinklicke, dauert es fast 3 Minuten bis ich etwas auswählen kann und bekomme die Meldung das mein Raspberry nicht reagiert...warten oder abbrechen kommt dann.

                          Ich vermute das ich zu Anfang viel probiert habe und viel unnütze Bilder/widgets "installiert" habe.

                          Ne denke das der Raspberry zu schwach ist. Die Icons sind keine Bilder sondern eine Schriftart. Das sind in Summer über 7.000 Icons und das dauert halt bis der die im Auswahlfeld geladen hat. Ich schau mal ob ich das noch optimieren kann.

                          Deshalb meine Frage,

                          1. wo liegen die Bilder im Standard die dort dann zur Auswahl stehen (damit ich dort nur das nötigste einstelle)

                          Wie oben geschrieben, nirgends ist eine Schriftart. Du kannst diese aber auch einzlen herunterladen bei https://materialdesignicons.com/

                          1. wenn ich dazu eine Farbe auswähle, geht das sicher nur bei den MaterialDesign Bildern das diese eingefärbt werden oder auch bei eigenen (bspw. Transparent des Bildes oder das weiss wird eingefärbt)?

                          Nein nur bei den Material Design Icons, da es eine Schritfart ist, steht auch in der Doku

                          1 Reply Last reply Reply Quote 1
                          • Scrounger
                            Scrounger Developer @Marcel85 last edited by Scrounger

                            @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                            In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                            Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.

                            Theme Editor:
                            2d80ede1-c754-4e12-ab97-75bf982ab93e-grafik.png

                            oder direkt am Widget:
                            c35d08d3-b8b4-4afc-adec-2b3cd5dd9ce5-grafik.png

                            @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                            @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                            jetzt habe ich aber leider doch was gefunden.
                            Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                            57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                            Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird 😉

                            Ist gefixt, musst es aber manuell raus löschen, da ich es im default leider falsch eingetragen habe.

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              Marcel85 @Scrounger last edited by

                              @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                              @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                              In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                              Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.

                              Theme Editor:
                              2d80ede1-c754-4e12-ab97-75bf982ab93e-grafik.png

                              oder direkt am Widget:
                              c35d08d3-b8b4-4afc-adec-2b3cd5dd9ce5-grafik.png

                              @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                              @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                              jetzt habe ich aber leider doch was gefunden.
                              Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                              57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                              Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird 😉

                              Ist gefixt, musst es aber manuell raus löschen, da ich es im default leider falsch eingetragen habe.

                              @Scrounger
                              Der DP bezieht sich aber auf die Header-Textfarbe, nicht auf die Headerfarbe (Background).

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • O
                                Oli @Scrounger last edited by

                                @scrounger
                                Super danke

                                1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @Marcel85 last edited by

                                  @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                  @Scrounger
                                  Der DP bezieht sich aber auf die Header-Textfarbe, nicht auf die Headerfarbe (Background).

                                  Stimmt background für header gibt es nicht genauso wie background für die ganze liste.
                                  Ich werde background für die ganze Liste einbauen, damit kann man auch den bg der header beeinflussen.

                                  O 2 Replies Last reply Reply Quote 1
                                  • O
                                    Oli @Scrounger last edited by

                                    @scrounger
                                    ich glaube ich habe noch etwas im Dialog Widget gefunden, da scheint die Bildfarbe nicht zu funktionieren "#mdwTheme:vis-materialdesign.0.colors.button.icon.icon_off"

                                    Wo kann ich die Textfarbe im Dialog Widget für den Button ändern?
                                    fbcad8f3-6513-45cf-9965-ff41150abe3a-image.png

                                    Scrounger 1 Reply Last reply Reply Quote 0
                                    • O
                                      Oli @Scrounger last edited by

                                      @scrounger

                                      ich leider schon wieder. Leider habe ich ein komisches Verhalten des Value Widgets innerhalb einer Gruppe festgestellt.

                                      Es passiert immer wenn sich ein Wert aktualisiert. Ich weis jetzt aber nicht, ob es Widget, oder an etwas anderem liegt.

                                      TV.gif

                                      Hier meine Einstellungen des Widgets innerhalb der Gruppe
                                      814b2464-94bc-4ecb-9e8e-5c73c9e47232-image.png

                                      1 Reply Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer @Oli last edited by

                                        @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                        ich glaube ich habe noch etwas im Dialog Widget gefunden, da scheint die Bildfarbe nicht zu funktionieren "#mdwTheme:vis-materialdesign.0.colors.button.icon.icon_off"

                                        Thx, werd ich beheben.

                                        @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                        Leider habe ich ein komisches Verhalten des Value Widgets innerhalb einer Gruppe festgestellt.

                                        Was meinst du genau mit Gruppe?

                                        O 1 Reply Last reply Reply Quote 0
                                        • O
                                          Oli @Scrounger last edited by

                                          @scrounger

                                          ich meine damit, wenn ich mehrere Widget in der Vis zu einer Gruppe gruppiere, ich kann leider kein Beispiel hochladen, weil mir gestern mein ioBroker abgeschmiert ist

                                          1 Reply Last reply Reply Quote 0
                                          • C
                                            Conquest last edited by

                                            @Scrounger
                                            Hallo, ich habe jetzt auch die v0.5.0-beta installiert. Dabei ist mir aufgefallen das in der Konfiguration unter Farben(dunkel) keine Widgets angezeigt werden. Ist das richtig so?

                                            screenshot-192.168.178.46_8081-2021.02.25-20_41_49.png

                                            Scrounger 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            802
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter material material design widgets vis visualisation widget
                                            22
                                            110
                                            12295
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo