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 MarEhg

      @Scrounger

      Hatte ich auch schon probiert. Mit dem Dateien kopieren erzeugt aber das selbe Bild bei mir, daher dieser weg im Filmchen.

      Wenn ich den Link anklicke, startet ein Projekt. Auf der Card7 ist auch der Zähler. Dieser zählt aber runter. "Keine Aktualisierung!"

      Habe mit Chrome, Safari und Firefox die Seite aufgerufen. Nur bei Firefox (extra grade installiert) funktioniert die Aktualisierung!

      Das bringt mich aber nicht weiter, da auf meinem Tablet der FullyBrowser läuft. Natürlich auch damit probiert! --> Geht nicht!

      Chrome
      2020-01-03 11-53-21.2020-01-03 11_55_20.gif

      Safari
      2020-01-03 11-57-12.2020-01-03 11_57_55.gif

      FireFox
      2020-01-03 11-58-37.2020-01-03 11_59_20.gif

      FullyBrowser
      IMG_1137.2020-01-03 11_51_56.gif

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

        Hallo!

        Ich nutze den "Top App Bar with Navigation Drawer" für die Navigation und habe ein Problem mit dem Tile Heating.

        Wenn ich meine View direkt (ohne die Navigation) aufrufe wird der Slider aktualisiert. Rufe ich die View über die Navigation auf, bleibt der Slider auf Null. Alle anderen Werte der Tile werden normal aktualisiert.

        Hier mit der Navigation:

        Mit_Navigation.PNG

        Hier ohne Navigation:
        Ohne_Navigation.PNG

        Ich hoffe Ihr könnt mit weiterhelfen.

        Vielen Dank

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

          @Scrounger
          Hallo,

          ich nutze deine widgets schon eine Weile. Habe auch dein letztes Widget direkt ausprobiert.(Column Views). Funktioniert soweit erstmal im Groben ;-). Vorraussetzung hier ist natürlich das jedes View in jeder Spalte dieselbe Breite hat. Das war bei mir bisher nicht so. Die Spalten waren unterschiedlich breit. Macht es Sinn die minimale Breite für jede Spalte separat einzustellen?
          Weiterhin hatte ich bisher in meinem Hauptview mehrere View in Widgets und habe direkt die Abstände damit gemacht genauso wie z.B. Ränder mit runden Ecken. Hier würde es von Vorteil sein einen definierten Abstand zwischen den einzelnen Views in deinem Widget einzustellen und vielleicht noch denn Teil CSS Ränder(border..) für alle Views. Nicht für jedes einzeln. Aber eine globale Möglichkeit für alle.

          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?

          LG

          PS: Super Arbeit von dir.

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

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

            Ergänzung:
            @Scrounger

            Habe mal mit Chrome eine Demo erstellt.

            Show0.2.27_deleteAdapter_showAgain.gif

            1. Editor
            2. Runtime (V0.2.27) -> keine Aktualisierung
            3. Adapter gelöscht
            4. VIS und WEB-Server neu gestartet
            5. Editor neu geladen
            6. Runtime (ohne Adapter) -> Aktualisierung geht.

            Es scheint so, dass der Adapter nur installiert sein muss (Instanz muss auch nicht vorhanden sein)

            Mehr fällt mir nicht ein. Ich möchte nur helfen. Jetzt bin ich ruhig zum Thema!

            Deine Arbeit ist Spitzenklasse, und ich möchte nur nicht ewig auf der 0.2.22 sitzen bleiben. Hoffe Du findest was. Bisher dachte ich, es liegt an meinem System, aber dein Projekt ist ja nur noch vom Browser abhängig.

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

              @MarEhg
              Ok mit Chrome hatte ich das natürlich nicht getestet 😉
              Da tritt der Fehler bei mir auch auf. Schau ich mir an.

              @MeinzIsAs :
              Welche Version des Adapters verwendest du?

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

              Vorraussetzung hier ist natürlich das jedes View in jeder Spalte dieselbe Breite hat. Das war bei mir bisher nicht so. Die Spalten waren unterschiedlich breit. Macht es Sinn die minimale Breite für jede Spalte separat einzustellen?

              Per CSS überschreiben sollte das möglich sein.

              Weiterhin hatte ich bisher in meinem Hauptview mehrere View in Widgets und habe direkt die Abstände damit gemacht genauso wie z.B. Ränder mit runden Ecken. Hier würde es von Vorteil sein einen definierten Abstand zwischen den einzelnen Views in deinem Widget einzustellen und vielleicht noch denn Teil CSS Ränder(border..) für alle Views.

              Das musst du in der jeweiligen einzelnen View regeln, z.B. mit margin.
              Schau dazu das Online Beispiel an, da hat jede Card einen margin= 6px, was dann auch der Abstand zwischen den einzelnen Cards ist. Dazu kannst dir eine CSS Klasse erstellen, dann brauch man es nur einmal einstellen.

              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

              MeinzIsAs I 2 Replies Last reply Reply Quote 0
              • MeinzIsAs
                MeinzIsAs @Scrounger last edited by

                @Scrounger :
                Ich verwende die Version 0.2.22.

                Scrounger 1 Reply Last reply Reply Quote 0
                • N
                  Nikoxx last edited by

                  @Scrounger :

                  ist es moeglich die Füllfarbe der einzelnen Datensätze im Line Chart als Farbverlauf darzustellen ?

                  LG

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

                    @Scrounger

                    Wie in dem Threat über dein Responsive Layout Design besprochen habe ich nun das neue Widget getestet und es funktioniert 1a Danke dafür 😀

                    Ich bin aber zu dumm um die TopAppBar zu verwenden, habe wie bechrieben einen DP vom Typ Number angelegt und diesen in der TopAppBar eingefügt

                    ea37a939-825a-4043-9d46-2aeb5bc8c42c-grafik.png

                    Ich verstehe aber gerade nicht wie die Zuordnung zu den Views dann funktioniert

                    2e269a37-48bb-44cf-8833-f46cb96d857a-grafik.png

                    Denn aktuell wird keiner der Menüeinträge angezeigt bzw. wie gesagt weiß ich nicht wie ich die Menüeinträge einer View zuordne. Es scheint anderen klar zu sein, ich lese es aber weder aus der Doku noch aus deinem Beispiel raus und das verwundert mich gerade sehr. Denn bisher konnte ich zumindest aus den Beispielen immer ableiten wie es funktioniert, hier stehe ich aber komplett auf dem Schlauch 😞

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

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

                      Ich verwende die Version 0.2.22.

                      Ist in der kommenden Version bereits behoben.

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

                      ist es moeglich die Füllfarbe der einzelnen Datensätze im Line Chart als Farbverlauf darzustellen ?

                      Nein.

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

                      Ich bin aber zu dumm um die TopAppBar zu verwenden, habe wie bechrieben einen DP vom Typ Number angelegt und diesen in der TopAppBar eingefügt

                      Steht in der Doku und schau dir das Beispiel Projekt an.
                      https://github.com/Scrounger/ioBroker.vis-materialdesign#top-app-bar-with-navigation-drawer

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

                      Wie in dem Threat über dein Responsive Layout Design besprochen habe ich nun das neue Widget getestet und es funktioniert 1a Danke dafür 😀

                      War damit auch fast zufrieden, bis auf die Leerräume wenn die Höhe unterschiedlich ist. Da hab ich inzwischen noch was besseres gebaut, einfacher zu konfigurieren und man kann die width auch festlegen.
                      Das ist jetzt wirklich responsiv 😉

                      Masonry Views Widget:
                      desktop.png tablet.png Handy.png

                      Wer es testen mag, aktuellen branch ziehen (v0.2.29).
                      Online Beispiel siehe http://iobroker.click:8082/vis/index.html?Material Design Widgets

                      S MeinzIsAs 2 Replies Last reply Reply Quote 1
                      • S
                        Sempre @Scrounger last edited by

                        @Scrounger

                        Hab es nun, ein Tipp das in der View "AppBar" noch das "view in widget 8" Widget eingefügt ist hätte mich sofort auf die richtige Spur gebracht. Habe das Widgeht einfach nicht gesehen und habe nicht geschaut welche Widgets auf der Seite vorhanden sind. Daher konnte ich den Zusammenhang zwischen dem DP und dem umschalten der Views nicht herstellen, nun passt es. Man o man war das ein gesuche, habe echt gedacht ich bin zu Dumm um das ganze zu verstehen.

                        Nun kann ich dann mal anfangen alles umzubauen und werde natürlich das aktuelle Widget aus der Version 0.2.29 verwenden 😀

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

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

                          Hab es nun, ein Tipp das in der View "AppBar" noch das "view in widget 8" Widget eingefügt ist hätte mich sofort auf die richtige Spur gebracht.

                          Deshalb hatte ich doch extra den Text dem Wiget hinzugefügt.
                          56ba400e-eb31-4ce5-b97a-bab775c00c2b-grafik.png

                          wurde der bei dir nicht angezeigt?

                          Hier mal live Bilder, was mit dem Masonry Views Widget möglich ist - alles dieselbe View 😎

                          Desktop:

                          desktop_live.png

                          Tablet

                          Screenshot_20200103-174704.png

                          Handy

                          Screenshot_20200103-174850.png

                          S S 2 Replies Last reply Reply Quote 1
                          • S
                            skokarl @Scrounger last edited by

                            @Scrounger

                            hab ich schon wieder den falschen Link ? 🤕

                            1.PNG

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

                              @skokarl
                              Keine Ahnung wie du das installierst...

                              Korrekt geht das so:

                              Installieren_leicht_gemacht.gif

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

                                @Scrounger

                                Mist, ich kopiere den Link von Dir oben und installiere über beliebig.

                                Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.

                                und da ist es nicht

                                1.PNG
                                2.PNG

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

                                  @Scrounger

                                  Ich hab meine VIS komplett neu angefangen, somit die alte nicht wirklich angeschaut, da ich die Grundstruktur ja ersteinmal fertig machen wollte. Daher hatte ich ja keine lauffähige Navigation mehr und wie gesagt ich hatte nur die TopAppBar als Widget "gesehen".
                                  Aber bin eigentlich auch selber schuld, wir hatten in dem anderen Threat ja noch darüber gesprochen, hätte ich schneller drauf kommen können 🙄.
                                  Von daher alles gut, machst wie schon öfter gesagt echt nen klasse Job und die Bilder von der View sehen stark aus.

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

                                    Ich habe ein LineHistoryChart (aus V0.2.22) in Verwendung:

                                    Bildschirmfoto 2020-01-03 um 18.13.41.png

                                    Ich habe 2 Fragen:

                                    1. Kann man die Farbe der Y-Achse eines Datensatzes anpassen?
                                      In meinem Fall hätte ich gern die linke Y-Achse in 'grün'.

                                    2. Wie bekomme ich auf der X-Achse folgende Formatierung hin ...

                                    22:00 Uhr              1:00 Uhr                4:00 Uhr              8:00 Uhr          
                                    02.01.20               03.01.20                03.01.20             03.01.20          
                                    

                                    Also das Datum zur Uhrzeit in einer neuen Zeile.

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

                                      @Sempre

                                      Weiter oben ... [Link] (https://forum.iobroker.net/post/347923)
                                      habe ich schonmal Darauf hingewiesen.

                                      S 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:

                                        Ich habe definitiv Probleme mit der Aktualisierung. Gehe ich zurück auf die V0.2.22 geht wieder alles.

                                        So nach Stunden des Suchens hab ich den Fehler gefunden. Verursacher sind die neuen Slider und die eingesetzt vutify api. Um das zu lösen braucht es ein Update des VIS Adapters.
                                        PR ist erstellt https://github.com/ioBroker/ioBroker.vis/pull/252.

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

                                        1. Kann man die Farbe der Y-Achse eines Datensatzes anpassen?
                                          In meinem Fall hätte ich gern die linke Y-Achse in 'grün'.

                                        Nein.

                                        1. Wie bekomme ich auf der X-Achse folgende Formatierung hin ...
                                        22:00 Uhr              1:00 Uhr                4:00 Uhr              8:00 Uhr          
                                        02.01.20               03.01.20                03.01.20             03.01.20          
                                        

                                        Steht in der Doku, einfach mal damit rumprobieren, dann bekommst den dreh raus.
                                        https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart setting time formats of x-axis.

                                        Scrounger created this issue in ioBroker/ioBroker.vis

                                        closed support for material design widgets #252

                                        M 2 Replies Last reply Reply Quote 0
                                        • S
                                          skokarl last edited by skokarl

                                          wenn man mehrere Button Toogle ( vielleicht auch State ) markiert ( CTRL und Klick ) und die mit Shift und Cursor
                                          versucht gemeinsam zu verbreitern....werden sie verkleinert.

                                          Da sind noch Kleinigkeiten nicht in Ordnung, ist beim arbeiten damit aber echt blöd.

                                          Auch die Kombination zwischen Text und Bild auf dem Button führt manchmal zu komischen Größenveränderungen.

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

                                            @Scrounger

                                            zu 2: Mit den Daten (Uhrzeit und Datum) bekomme ich natürlich hin, aber mit dem Zeilenumbruch nicht. Geht das?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

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