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
      Dann bitte mal den zurücksetzen button auf ellen reitern drücken und danach speichern.

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

        @scrounger
        hat leider auch nicht funktioniert

        Scrounger 1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            788
                                            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