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.
    • 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
                      • M
                        MarEhg @Oli last edited by MarEhg

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

                        @MarEhg

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

                        Solange VIS nicht nachgezogen wurde, Ja!

                        Um das zu lösen braucht es ein Update des VIS Adapters.
                        PR ist erstellt https://github.com/ioBroker/ioBroker.vis/pull/252.

                        Habe mir das Submit in VIS angesehen und bei mir lokal selbst gepatcht.

                        Scrounger created this issue in ioBroker/ioBroker.vis

                        closed support for material design widgets #252

                        1 Reply Last reply Reply Quote 0
                        • I
                          intruder7 last edited by

                          @Scrounger
                          Guten Morgen,
                          ich habe aktuell Probleme mit der Masonry View. Hier klappt die automatische Anordnung nicht. Das Beispiel von der ioBroker Seite funktioniert online tadellos. Wenn ich mir aber das Projekt exportiere und bei mir importiere sieht es so aus.
                          er trennt die Cards anstatt sie komplett in die neue Spalte zu bringen.
                          In dem importierten Beispielprojekt sind auch keine weiteren CSS Codes drin nur deine Teile.

                          Viele Grüße

                          1e89bdd5-7efd-40e4-b345-beb3e2ef6928-image.png

                          Scrounger 1 Reply Last reply Reply Quote 0
                          • Steff
                            Steff last edited by

                            Hallo @Scrounger,
                            habe gestern Abend auf die 0.2.30 upgedatet, seitdem sind alle Beschriftungen im VIS-Editor in Englisch. Habe das blöderweise erst heute morgen nach einem Admin-Update bemerkt und erst gedacht es liegt daran. Gibt dazu schon zwei Threads einmal -->hier<-- und einmal -->hier<--. Kann das mit einer Änderung in 0.2.30 zusammenhängen?
                            Gruß Steffen

                            I 1 Reply Last reply Reply Quote 0
                            • I
                              intruder7 @Scrounger last edited by

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

                              Beim Navigation Drawer würde ich gerne die Schriftart einstellen können. Dieses habe ich bisher nicht gefunden. Ist es nicht vorgesehen oder hab ich es übersehen?

                              ja geht per html tag, z.B. <font face="RobotoCondensed-Regular"> Betriebszeit </font> bei Beshcriftuung eingeben

                              geht soweit.. aber im Kopfzeilentext habe ich meine Schwierigkeiten. da steht jetzt
                              <h4 class='mdc-drawer__title'>SweetHome</h4><h6 class='mdc-drawer__subtitle'>M+M+M</h6>
                              wie bekomme ich da die html tags rein?😞

                              1 Reply Last reply Reply Quote 0
                              • I
                                intruder7 @Steff last edited by

                                @Steff
                                habe dieselbe version und admin3.7.7
                                bei mir ist alles auf Deutsch

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

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

                                  ich habe aktuell Probleme mit der Masonry View. Hier klappt die automatische Anordnung nicht. Das Beispiel von der ioBroker Seite funktioniert online tadellos. Wenn ich mir aber das Projekt exportiere und bei mir importiere sieht es so aus.

                                  Chrome mal wieder... mit Firefox gehts natürlich. Hab den Fehler behoben.

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

                                  habe gestern Abend auf die 0.2.30 upgedatet, seitdem sind alle Beschriftungen im VIS-Editor in Englisch.

                                  Ja liegt am Material Design Adapter, was so ein , an der falschen Stelle doch für Auswirkungen haben kann 😉
                                  Veröffentliche heute noch eine neue Version im latest wo das dann gefixt ist.

                                  I Steff B 4 Replies Last reply Reply Quote 0
                                  • I
                                    intruder7 @Scrounger last edited by

                                    @Scrounger 👍

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

                                      @Scrounger,
                                      alles Gut. Deshalb testen wir ja.
                                      Gruß Steff

                                      1 Reply Last reply Reply Quote 0
                                      • I
                                        intruder7 @Scrounger last edited by

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

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

                                        ich habe aktuell Probleme mit der Masonry View. Hier klappt die automatische Anordnung nicht. Das Beispiel von der ioBroker Seite funktioniert online tadellos. Wenn ich mir aber das Projekt exportiere und bei mir importiere sieht es so aus.

                                        Chrome mal wieder... mit Firefox gehts natürlich. Hab den Fehler behoben.

                                        habs gleich nochmal getestet. in der runtime gehts jetzt richtig nur im editor zeigt er es noch so an.

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

                                          @intruder7
                                          Dann lösch mal den cache oder starte deine instanzen neu.

                                          http://iobroker.click:8082/vis/edit.html?Material Design Widgets#AppBar

                                          Da ist alles korrekt:
                                          0093aae2-e480-4c8f-a76f-01497e70ca5f-grafik.png

                                          I 1 Reply Last reply Reply Quote 0
                                          • I
                                            intruder7 @Scrounger last edited by

                                            @Scrounger
                                            perfekt. geht !👍

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

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