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

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      darkiop Most Active @Scrounger last edited by

      @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

      @darkiop
      und wieder was gelernt, wusste gar nicht das man Bindings bei OIDs einsetzen kann.
      Das eröffnet einem ja noch ganz andere Möglichkeiten.

      Ja. Das ist schon ne praktische Sache!

      Das aber von "haus aus" in das Chart zu implementieren geht denke ich nur sehr schwierig. Und den Aufwand nur wegen log Meldungen - ich glaube du kennst meine Antwort 😉

      Verständlich 🙂

      1 Reply Last reply Reply Quote 0
      • D
        darkiop Most Active last edited by

        @Scrounger Wäre es Möglich im Line History Chart eine 'min' und eine 'max' Linie einzufügen?

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

          @darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

          @Scrounger Wäre es Möglich im Line History Chart eine 'min' und eine 'max' Linie einzufügen?

          Ja das geht sicher, erstell bitte nen issue.

          D 1 Reply Last reply Reply Quote 0
          • D
            darkiop Most Active @Scrounger last edited by

            @Scrounger Ist Erledigt 🙂

            Bei der nächsten Grill-Session kommt mir das dann zu Hilfe 🙂

            f85f97e0-0893-4f96-bbe5-a0f0be81bf94-grafik.png

            S 1 Reply Last reply Reply Quote 0
            • S
              Sempre @darkiop last edited by

              @darkiop

              Mal ne blöde Frage, ich versuche gerade auch die TopAppBar im Modus "short" zu verwenden und als Hintergrund einen Farbverlauf zu machen. Hast du bei dir das neue Widget "Mansonry View" in Verwendung?
              Mein Problem ist nämlich das ich ja den Background so gestalten muss das meine Cards unterhalb der TopAppBar starten und da dachte ich ich mache einfach eine HTML Card in den Hintergrund und packe da dann die "Mansonry View" drauf. Aber leider bekomme ich das dann nicht angeziegt bzw den Farbverlauf nicht in den Hintergrund und das Vidget darüber 😞

              1 Reply Last reply Reply Quote 0
              • M
                MarEhg last edited by

                Kann man eigentlich die Textform und die Textgröße des TopAppBar Layout anpassen?

                Bildschirmfoto 2020-01-05 um 16.17.00.png

                1. Über CSS?
                  -nur css-font-variant funktioniert!
                  Bildschirmfoto 2020-01-05 um 16.17.43.png

                2. @Scrounger: Im Top App Layout anpassbar machen?
                  Bildschirmfoto 2020-01-05 um 16.19.11.png

                Anmerkung: ich habe "Titel des ausgewählten Navigationselements anzeigen" ausgewählt!

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

                  @MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

                  1. @Scrounger: Im Top App Layout anpassbar machen?

                  Geht per html tags.

                  Anmerkung: ich habe "Titel des ausgewählten Navigationselements anzeigen" ausgewählt!

                  Hier muss man die css klasse überschreiben - mdc-top-app-bar__title

                  1 Reply Last reply Reply Quote 0
                  • S
                    Sempre last edited by

                    @Scrounger

                    Meinst du es wäre möglich bei deinem neuen Masonry Widget die Breite der einzelnen Spalten festzulegen? So könnte man auch ein Design machen, welches nicht auf einer gleichmäßigen Breite der einzelnen Spalten basiert.

                    Zudem würde mich interessieren wie die Verteilung der Views geregelt wird, sagen wir ich nutzt 9 VIews, wie werden diese auf die Spalten aufgeteilt? Gleichmäßig nicht, zumindest ist so mein Eindruck.

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

                      @Scrounger

                      Ich Benutze ein Menü mit SubItems.

                      Einbinden der Symbole habe ich hinbekommen:

                      {"itemImage": "/vis.0/HomeControl/kamera.png", "subItems": ["/vis.0/HomeControl/kamera.png", "/vis.0/HomeControl/kamera.png", "/vis.0/HomeControl/kamera.png"]}
                      

                      Aber der Text macht mir Sorgen ...

                      so versuche ich es ...

                      {"itemText": "Kameras", "subItems": ["Übersicht Kameras", "Haustür Kamera", "Carport Kamera"]}
                      

                      es wird aber so dargestellt ...

                      Bildschirmfoto 2020-01-05 um 17.37.19.png

                      Mache ich hier was falsch, oder ist das ein Bug?

                      ... und:

                      1. Wie rücke ich die Sub-Items etwas ein (z.B. 50px)?
                      2. Kann man den Abstand von Item1 zum Kopfelement gleich dem Abstand zwischen den Items erzwingen?
                      3. es wäre cool wenn man auch die Pixelgröße der Textgrößen angeben könnte (z.B. 20px) anstatt nur die Auswahl
                        Bildschirmfoto 2020-01-05 um 17.46.00.png
                      Scrounger 1 Reply Last reply Reply Quote 0
                      • Scrounger
                        Scrounger Developer @Sempre last edited by

                        @Sempre sagte in Test Adapter Material Design Widgets v0.2.x:

                        @Scrounger

                        Meinst du es wäre möglich bei deinem neuen Masonry Widget die Breite der einzelnen Spalten festzulegen? So könnte man auch ein Design machen, welches nicht auf einer gleichmäßigen Breite der einzelnen Spalten basiert.

                        Nein kann man nicht individuell einstellen. Aber du kannst mit nem Trick arbeiten, das z.b zwei auf einersfolgenden Views die breite veränderst, z.b 39% und 60%. Dann werden die nebeneinander dargestellt. Damit einfach Rum spielen und mit der Anzahl der spalten, dann kannst das realisieren.

                        Zudem würde mich interessieren wie die Verteilung der Views geregelt wird, sagen wir ich nutzt 9 VIews, wie werden diese auf die Spalten aufgeteilt? Gleichmäßig nicht, zumindest ist so mein Eindruck.

                        Der Reihe nach, also Spalte 1 View 1-3, Spalte 4-6 und Spalte 3 7-9. Allerdings kann das variieren, der versucht das immer optimal anzuordnen.
                        Im Detail hab ich mich in die Technik nicht eingelesen, sondern ein Beispiel gefunden das genau das macht was ich brauche. Willst du wissen wie es im Detail geht einfach Mal nach masnory bei Google suchen.

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

                          @MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

                          @Scrounger
                          Mache ich hier was falsch, oder ist das ein Bug?

                          Bei dir wird die Schriftart vom Browser nicht heruntergeladen, deshalb steht da Key Arrow down / Up. Musst im Browser einstellen das der di runter lädt.

                          1. Wie rücke ich die Sub-Items etwas ein (z.B. 50px)?

                          Leerzeichen verwenden

                          1. Kann man den Abstand von Item1 zum Kopfelement gleich dem Abstand zwischen den Items erzwingen?

                          Versteh ich nicht -> Bild?

                          1. es wäre cool wenn man auch die Pixelgröße der Textgrößen angeben könnte (z.B. 20px) anstatt nur die Auswahl

                          Gib da mal 20 bzw 20px 😉

                          M 2 Replies Last reply Reply Quote 0
                          • M
                            MarEhg @Scrounger last edited by

                            @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                            @MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

                            1. Wie rücke ich die Sub-Items etwas ein (z.B. 50px)?

                            Leerzeichen verwenden

                            Wo denn? Im JSON geht nicht!

                            {"itemText": "Kameras", "subItems": ["Übersicht Kameras", " Haustür Kamera", " Carport Kamera"]}
                            Es soll ja auch das Symbol eingerückt werden.

                            1. Kann man den Abstand von Item1 zum Kopfelement gleich dem Abstand zwischen den Items erzwingen?

                            Versteh ich nicht -> Bild?

                            Bild ist das Menübild.

                            Bildschirmfoto 2020-01-05 um 17.37.19.png
                            Der Abstand zwischen dem ersten Item und dem Kopf ist kleiner als der Abstand zwischen Item1 und Item2.

                            1. es wäre cool wenn man auch die Pixelgröße der Textgrößen angeben könnte (z.B. 20px) anstatt nur die Auswahl

                            Gib da mal 20 bzw 20px 😉

                            Geht! Danke!

                            D 1 Reply Last reply Reply Quote 0
                            • D
                              darkiop Most Active @MarEhg last edited by

                              @MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

                              Wo denn? Im JSON geht nicht!

                              Such dir mit den Browser Dev Tools den CSS Pfad heraus und gib dem Element ein margin-left.

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

                                @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                                @MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

                                @Scrounger
                                Mache ich hier was falsch, oder ist das ein Bug?

                                Bei dir wird die Schriftart vom Browser nicht heruntergeladen, deshalb steht da Key Arrow down / Up. Musst im Browser einstellen das der di runter lädt.

                                Wo stelle ich das denn ein? Ging doch mit der alten Version auch.
                                Und wo ist mein Text aus ...

                                {"itemText": "Kameras", "subItems": [" Übersicht Kameras", " Haustür Kamera", " Carport Kamera"]}

                                Firefox:
                                Bildschirmfoto 2020-01-05 um 18.25.52.png

                                Safari:
                                Bildschirmfoto 2020-01-05 um 18.28.12.png

                                1 Reply Last reply Reply Quote 0
                                • D
                                  davimas last edited by davimas

                                  Hey,

                                  ich habe jetzt in einer View ein "Basic-Image-Widget" das mir das Camerabild alle 3 Sekunden updatet, das funktioniert auch in der View-Seite, aber nicht in der Top App Bar (View-in-Widget)
                                  Wenn dort der View angezeigt wird - aktualisiert sich das Basic-Image-Widget nicht. Eventuell jmd nen Tipp.....

                                  Screenshot_2020-01-05 Edit vis.png
                                  Screenshot_2020-01-05 vis.png

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

                                    @Scrounger

                                    ich probiere mich gerade an deinem Widget Column-Views, aber irgendetwas scheine ich da noch falsch zu machen. Ich habe mir dein Testprojekt heruntergeladen und versuche es gerade anzupassen.

                                    im Vis Editor sieht es folgendermaßen aus:
                                    2aacb3f5-5fe4-4b16-8f78-7ebaf71e5173-image.png

                                    Wenn ich es über Google starte, zerschießt es alles
                                    5cf95f42-a29f-4edf-be88-15b66c89ef08-image.png

                                    Woran kann das liegen?

                                    P 1 Reply Last reply Reply Quote 0
                                    • M
                                      MarEhg @davimas last edited by

                                      @davimas sagte in Test Adapter Material Design Widgets v0.2.x:

                                      Hey,

                                      ich habe jetzt in einer View ein "Basic-Image-Widget" das mir das Camerabild alle 3 Sekunden updatet, das funktioniert auch in der View-Seite, aber nicht in der Top App Bar (View-in-Widget)
                                      Wenn dort der View angezeigt wird - aktualisiert sich das Basic-Image-Widget nicht. Eventuell jmd nen Tipp.....

                                      Hast Du eine Version > 0.2.22? Dann liegt es an Chrome, Safari, o.ä.! Dazu muss eine Änderung in VIS vorgenommen werden.
                                      FireFox sollte gehen. Siehe hier (Fetter Eintrag reicht!) 🙂

                                      ....
                                      https://forum.iobroker.net/post/348806
                                      https://forum.iobroker.net/post/348809
                                      https://forum.iobroker.net/post/348858
                                      https://forum.iobroker.net/post/349775
                                      https://forum.iobroker.net/post/349826
                                      https://forum.iobroker.net/post/349851
                                      https://forum.iobroker.net/post/350079
                                      https://forum.iobroker.net/post/350335
                                      https://forum.iobroker.net/post/350569
                                      https://forum.iobroker.net/post/350658
                                      https://forum.iobroker.net/post/351210

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

                                        @MarEhg

                                        ich habe die Version 2.29, liegt es da auch am Chrome?

                                        M 1 Reply Last reply Reply Quote 0
                                        • Z
                                          Zipkart last edited by

                                          Ich stelle gerade auf die "neue" Top App Bar with Navigation Drawer um. Soweit funktioniert auch alles.

                                          Nun möchte ich entgegen der normalen Gepflogenheit die TopBar auf der Rechten View Seite anzeigen.

                                          Im Editor springt die Top App Bar immer wieder nach oben Links, obwohl ich Werte für Links eingegeben habe und auch den Bar nach rechts gezogen habe.

                                          Spätestens bei der Anzeige in Safari springt sie wieder um.

                                          Gibt es die Möglichkeit das zu ändern? bzw sol ich einen Issue öffnen?

                                          D 1 Reply Last reply Reply Quote 0
                                          • D
                                            dos1973 @Zipkart last edited by

                                            @Zipkart

                                            In der Doku ist das Verhalten genauso definiert wie du es beschreibst... geht nicht.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            913
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material vis visualization widget
                                            77
                                            902
                                            173787
                                            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