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

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test Adapter Material Design Widgets v0.4.x

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

      @Scrounger

      ist ja noch beta, 🙂
      ich hoffe du steckst da noch etwas Arbeit rein.

      Ja, ich habe deinen Rat befolgt, habe 2 Tabs offen und einfach eine neue VIS gestartet und alle Buttons reingezogen und versucht diese zu definieren.
      ich Kriegs nicht hin - ich ändere etwas an einer Stelle und habe dann ein Effekt an einer anderen Stelle - wo ich es nicht will und leider auch nicht nachvollziehen kann. Dann muss ich wieder anfangen "hardcoded" einzutragen...

      ich habe leider nur ein Notebook, auf kleinen Bildschirmen ist das alles sehr gequetscht. Auch die Beschreibung (ganz recht) sind nicht immer ganz aussagekräftig.
      Bildschirmfoto 2020-12-23 um 02.01.12.png

      keine Ahnung, ob ich es mir einfach schwer machen, viel feedback gabs bisher leider noch nicht. Ich kann meine Fehler auch gar nicht richtig beschreiben, da ich irgendwie nicht fertig stellen kann, immer ändert sich irgendwo eine Farbe, wo ich nicht will

      Button Toggle und Button Toggle vertical verhalten sich nicht gleich.

      Trotzdem Dank für deine Mühe und dass du deine Tools hier bereitsstellst!

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

        @dos1973
        Das bekommen wir schon hin 🙂
        Anbei eine detaillierte Erläuterung wie das ganze funktioniert, hoffe es ist für Euch verständlicher.

        Standard Farben:
        Über die Standard Farben können die Farben für alle Widgets geändert werden, sofern die Widgets Standard Farben zugewiesen haben (über die Buttons 0-11 im Editor).

        standard farben.gif

        Wie du siehst ändern sich bei allen Widgets die Farben.

        Standard Farben Widgets zuweisen:
        Über die Buttons 0-11 können gezielt einzelnen Widgets die oben definierten standard Farben zugewiesen werden.

        standard farben zuweisen.gif

        Wie du siehst ändert sich hier nur die Farben der Default Buttons, nicht die vom den vertical Buttons

        individuelle Farben Widgets zuweisen:
        Alternativ kann man den Widgets auch eigene Farben zuweisen, unabhängig von den oben definierten standard Farben

        individuelle farbe.gif

        Wie du siehst ändert sich nur die Farbe vom Progress Widget. Wenn du oben jetzt die Standard Farben änderst, wird das Progress Widget davon nicht beeinflusst.

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

          @Scrounger
          Prinzipiell, verstanden habe ich es und finde den Ansatz auch gut und richtig.

          Aber die Auswirkungen kann ich einfach nicht steuern.
          Du hast es gebaut, für dich wahrscheinlich simpel und logisch, aber dadurch dass der Effekt auf eine vielzahl Widgets durchschlägt ist es nicht nachvollziehbar .

          Im vis habe ich klare Abgrenzungen, Bei Dir hat ein Wert Auswirkung auf die verschiedenen Widgets.

          Ich würde immer noch dafür plädieren, pro Widget die möglichen Farben definieren, dann sind alle widgets/Typ gleich formatiert.
          Kann ja noch immer ein „Übernehme für alle vom Typ des Widgets“ Knopf geben...

          Kannst du nochmals erklären was Primär/ Sekundärfarben sind.

          Noch eine Frage:

          Wenn ich jetzt ein neues Vis, mit komplett neuem Farbdesign machen möchte, wie würde das gehen? Eine neue Instanz anlegen ging nucht

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

            @dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

            Kannst du nochmals erklären was Primär/ Sekundärfarben sind.

            Primäre und Sekundäre Farbe gibt es nur bei den Button und Button Vertical. Hintergrund ist, dass man für die Buttons 4 verschiedene Styles auswählen kann (raised, unelevated, outlined und text).
            Damit ich nicht für jeden Sytle extra Farben erstellen musste, habe ich Primäre und Sekundäre Farbe eingebaut. Beim Style raised und unelevated ist die Primäfarbe Hintergrund, Sekundärfarbe ist Schrift und Click Farbe. Beim Style outlined und text ist Primärfarbe dann Text, Click und Rand, Sekundär wird nicht verwendet.

            Bsp: Primärfabre blau, Sekundärfarbe weiß
            buttons.gif

            @dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

            Ich würde immer noch dafür plädieren, pro Widget die möglichen Farben definieren, dann sind alle widgets/Typ gleich formatiert.
            Kann ja noch immer ein „Übernehme für alle vom Typ des Widgets“ Knopf geben...

            Genau das gibt es doch:

            @Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

            Standard Farben Widgets zuweisen:
            Über die Buttons 0-11 können gezielt einzelnen Widgets die oben definierten standard Farben zugewiesen werden.

            standard farben zuweisen.gif

            Wie du siehst ändert sich hier nur die Farben der Default Buttons, nicht die vom den vertical Buttons

            individuelle Farben Widgets zuweisen:
            Alternativ kann man den Widgets auch eigene Farben zuweisen, unabhängig von den oben definierten standard Farben

            individuelle farbe.gif

            Ich schätze dich irritiert das z.B. Button State & Button Toggle das gleiche Theme verwenden?
            Das sind auch gleiche Widgets, nur mit unterschiedlichen Funktionen. Ein Theme ist dazu da das Layout von gleichen Elementen z.B. Buttons einheitlich zu steuern, ganz unabhängig von der Funktion.

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

              @Oli hast du das Darstellungsproblem im Icon List Widget gelöst. Ich steh auf dem schlauch. Mir geht's genauso.

              1 Reply Last reply Reply Quote 0
              • tobasium
                tobasium last edited by

                @Scrounger , ich habe das gleiche Problem wie Oli weiter oben.
                ich gebe unter CSS Allgemein die Höhe an normalerweise sollte dann der scrollbalken erscheinen aber Pustekuchen.

                Folgende Ansichten sind davon betroffen:
                Adapter Status
                UniFi Netzwerk Status

                Vor dem Update auf die 0.4 ging dies noch.

                307d350d-43f3-4990-971a-4b7bb4f452be-image.png

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

                  @tobasium
                  Ich konnte das Problem leider noch nicht lösen

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

                    @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                    @tobasium
                    Ich konnte das Problem leider noch nicht lösen

                    D.h bei dir ist auch das Problem das die scroll Bär nicht angezeigt wird? Höhe einstellen geht?

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

                      @Scrounger
                      Ja genau, siehe Poste: https://forum.iobroker.net/topic/39522/test-adapter-material-design-widgets-v0-4-0-beta/63
                      Consoleneinträge: https://forum.iobroker.net/topic/39522/test-adapter-material-design-widgets-v0-4-0-beta/67

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

                        @Oli, @tobasium

                        @tobasium sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                        ich gebe unter CSS Allgemein die Höhe an normalerweise sollte dann der scrollbalken erscheinen aber Pustekuchen.

                        Sollte behoben sein, aktuelle version von github bitte testen.

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

                          @Scrounger Leider immer noch gleich, keine Veränderung.

                          7c64fdb7-75f9-4785-be8a-8adb782c3528-image.png

                          Scrounger Nashra 2 Replies Last reply Reply Quote 0
                          • Scrounger
                            Scrounger Developer @tobasium last edited by Scrounger

                            @tobasium
                            Upload des vis Adapter durchgeführt? Bzw iob neu gestartet?

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

                              @Scrounger ich hab es eben sicherheitshalber noch einmal getestet.

                              Update via github
                              Upload
                              Iobroker neustart

                              keine Veränderung.

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

                                @tobasium

                                Also ich kann den Fehler jetzt nicht mehr reproduzieren, d.h. fix müsste gehen.

                                • Browser cache gelöscht?
                                • upload vom vis Adapter gemacht? (nicht MDW Adapter!)
                                • overflow-x / -y mal raus genommen und wieder gesetzt?
                                • Widget löschen und neu erstellen?
                                tobasium 1 Reply Last reply Reply Quote 0
                                • tobasium
                                  tobasium @Scrounger last edited by

                                  @Scrounger also overflow-x / -y mal raus genommen und wieder gesetzt? --> war die Lösung.

                                  Vielen Dank.

                                  1 Reply Last reply Reply Quote 0
                                  • Nashra
                                    Nashra Most Active Forum Testing @tobasium last edited by

                                    @tobasium sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                    @Scrounger Leider immer noch gleich, keine Veränderung.

                                    7c64fdb7-75f9-4785-be8a-8adb782c3528-image.png

                                    Moin, ist das ein Script von dir @tobasium und würdest Du dies zur verfügung stellen?

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

                                      @Nashra
                                      Schau mal hier:

                                      https://forum.iobroker.net/topic/30662/material-design-widgets-skript-status

                                      Nashra 1 Reply Last reply Reply Quote 0
                                      • Nashra
                                        Nashra Most Active Forum Testing @Oli last edited by

                                        @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                        @Nashra
                                        Schau mal hier:

                                        https://forum.iobroker.net/topic/30662/material-design-widgets-skript-status

                                        Boah das ist mir wohl durchgegangen, die Skripte für die Adapter und Unifi hatte ich ja
                                        Aber das Skript habe ich echt übersehen. 😞
                                        @Oli danke für den Link

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

                                          @Nashra sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                          Boah das ist mir wohl durchgegangen, die Skripte für die Adapter und Unifi hatte ich ja

                                          https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples 😉

                                          1 Reply Last reply Reply Quote 1
                                          • JB_Sullivan
                                            JB_Sullivan last edited by JB_Sullivan

                                            kann es sein, das dass neueste Update auf 0.4.1 nicht mit dem Admin 4.1.12 harmoniert? Es läßt sich nämlich nicht installieren.

                                            Klickt man auf das aktualisieren Icon, scheint sich im Hintergrund von der Admin Adapter Liste ein Fenster zu öffnen, welches man aber nicht zu sehen bekommt.

                                            So sieht die Adapter Listen Darstellung aus ohne den Update Versuch .....

                                            c359b46f-bf0b-478c-86f8-2ac1c890d55a-image.png

                                            .... und hier nach anklicken des Aktualisierungs Icon. Auf der Linken Seite ist ein schwarzer Rand zu erkennen - das ist das meiner Meinung nach das versteckte Fenster.

                                            68f1dbeb-6daa-4135-971c-f238e70934d3-image.png

                                            Achso - Browser ist Chrome in seiner aktuellen Version.

                                            So unter Edge konnte ich mit komplett anderen Einstellungen das Fenster sehen, was aber RatzFatz mit einer Fehlermeldung verschwunden ist.

                                            Irgend etwas funktioniert da nicht richtig.

                                            94b8172e-ff83-4c36-979f-ef3143e2fd00-image.png

                                            Kleiner Nachtrag, bin ioBroker Nutzer unter Win10

                                            sigi234 D 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            784
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter material material design widgets vis visualisation widget
                                            20
                                            126
                                            14082
                                            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