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.
    • O
      Oli @Scrounger last edited by Oli

      @scrounger

      ist ja noch ziemlich ruhig hier, dann mach ich mal den Anfang. Erstmal nochmals Danke für den super Adapter.
      Bin gerade beim Umstellen meiner Widgets auf die neue Version, dabei ist mir folgendes aufgefallen:

      Icon List Widget:

      1. Textfarbe wird nicht übernommen
      2. Untertextfarbe wird nicht übernommen

      Button State

      1. Schriftfarbe wird nicht übernommen

      Dialog

      1. Farbe für Trennline wird nicht übernommen

      Chart

      1. Hintergrundfarbe Diagramm wird nicht übernommen

      Select

      1. Textfarbe wird nicht übernommen
      2. Randfarbe und Randfarbe hover wird nicht übernommen

      Value
      hier wird gar nichts übernommen

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

        @oli
        Geh mal in die Adapter Einstellungen, da sollte direkt nach dem Laden der speichern button bedienbar sein und dann einmal speichern.

        Sollte das nicht funktionieren, dann auf allen Reitern zurücksetzen button drücken und danach speichern.

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

          @scrounger

          ich habe die Farben schon mehrmals geändert und gespeichert

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            803
                                            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