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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      mrMuppet last edited by mrMuppet

      Kann ich bei den cards den automatischen Zoom der Bilder ausstellen? Würde da gerne meine Icons einbauen, aber im Moment wird die Größe des Textfeldes immer an den Text angepasst und das Bild wird ohne Rücksicht auf Verschnitt auf die zur Verfügung stehende Breite vergrößert.

      Den runden Slider finde ich übrigens spitze! Suche schon lange danach, auch weil er bei Google Nest so aussieht

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

        nochmals eine kurze Frage, was macht das

        Bildschirmfoto 2019-11-20 um 20.42.13.png

        also, es macht nicht das was da steht 😉 zumindest bei meinen nicht...

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

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

          Kann ich bei den cards den automatischen Zoom der Bilder ausstellen?

          Per Editor nicht, geht aber sicher per css.
          Am besten ist ein Bild im 16:9 Format zu verwenden. Wenn du ein Icon nutzen möchtest, dann erstellt dir das im 16:9 Format, dann sieht es damit auch gut aus.

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

          Bildschirmfoto 2019-11-20 um 20.42.13.png

          also, es macht nicht das was da steht 😉 zumindest bei meinen nicht...

          Doch aber nur bei Chrome oder Firefox, siehe
          https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate
          Und nur wenn du es per Berechtigung nicht ausgeschaltet hast.

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

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

            Am besten ist ein Bild im 16:9 Format zu verwenden. Wenn du ein Icon nutzen möchtest, dann erstellt dir das im 16:9 Format, dann sieht es damit auch gut aus.

            Gelingt mir leider nicht richtig. Aber ich glaube ich sollte sowieso besser die Buttons nehmen. Aber wie verändere ich da die Hauptfarbe (also das Blau)?

            sigi234 1 Reply Last reply Reply Quote 0
            • sigi234
              sigi234 Forum Testing Most Active @mrMuppet last edited by

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

              Aber wie verändere ich da die Hauptfarbe (also das Blau)?

              Welcher Button? Normal unter:
              Farbe - Hintergrund

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

                @sigi234 Danke. Da hätte ich auch selbst drauf kommen können... 🤦

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

                  Ich würde gerne eine Liste(Nav) verwenden, die aber sowohl die Beschriftung als auch die Bilder und die Ziel-Views aus Datenpunkten variabel bezieht. Ist das möglich?

                  Ausserdem fehlt mir noch eine Einstellung um die Zeilenabstände von Beschriftung und Sublabel zu anzupassen(siehe Bild). 75e16096-da7d-4c34-b2bc-e00cb8cf485d-image.png

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

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

                    Ich würde gerne eine Liste(Nav) verwenden, die aber sowohl die Beschriftung als auch die Bilder und die Ziel-Views aus Datenpunkten variabel bezieht. Ist das möglich?

                    Hast schon mit Binding versucht?

                    Ausserdem fehlt mir noch eine Einstellung um die Zeilenabstände von Beschriftung und Sublabel zu anzupassen(siehe Bild). 75e16096-da7d-4c34-b2bc-e00cb8cf485d-image.png

                    Entweder geht's über Text Einstellungen line-space oder per CSS. Wenn beides nicht geht erstell ein issue auf git und dann baue ich es evtl. irgendwann Mal mit ein.

                    ub.privat 1 Reply Last reply Reply Quote 0
                    • ub.privat
                      ub.privat @Scrounger last edited by

                      @Scrounger

                      Eine bescheidene kleine Anfrage an den Programmierer - wie würdest Du am sinnvollsten ein Widget für die Jalousie-Steuerung erstellen? Zusammen gestellt aus Slidern und diversen Anzeigen ODER ist eventuell auch etwas Ganzes "geplant".
                      Man sehe mir meine naive Nachfrage nach, mit jedem Tag probieren und studieren lernt man dazu. Eine Frage verdient sicher auch immer eine gute Antwort🙄

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

                        @Scrounger

                        erstmal vielen Dank für den Adapter und die Widgets, super Arbeit. Ich habe aber mit dem Line Chart so meine Probleme. So wie bei sigi234 lädt er die Daten nicht immer einwandfrei, sowohl im Editor wie auch im Browser.
                        Ich hole sie mir über SQL .
                        Hab mal deine beiden Widgets zum "Zeitraum" und "Refresh" importiert. Bei der Zeitwahl aktualisiert er bis 7 Tage und danach zeigt er den chart nicht mehr an. Wenn ich dann wieder unter 7 Tagen auswähle, dauert es manchmal einige min bis etwas angezeigt wird oder es passiert nichts. Auch der Refresh Button hilft leider nicht.

                        Eine Frage zu den Einstellungen hätte ich noch, habe gestern viel rumprobiert aber es nicht hinbekommen.

                        Habe 4 Linien in meinem Diagramm und oben drüber die Legende. Nun kann ich ja einzelne Linien ausblenden wenn ich in der Legende auf den Namen klicke. Wie schaffe ich es das nur eine y Achse angezeigt wird egal welche Linie angezeigt wird. Bei mir blendet er immer eine zusätzliche y Achse ein, wenn ich eine Line ausblende.

                        alle eingeblendet

                        Unbenannt.JPG

                        3 ausgeblendet

                        Unbenannt1.JPG

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

                          @sigi234

                          ssigi, an welcher Stelle stellst Du ein, dass in der X -Achse die Uhrzeit mehrstellig angezeigt wird, und nicht wie bei mir
                          nur die volle Stunde ? ( Daten kommen vom Spritpreis Tankerkönig )
                          Ich find es nicht. 😧

                          1.PNG

                          sigi234 1 Reply Last reply Reply Quote 0
                          • sigi234
                            sigi234 Forum Testing Most Active @skokarl last edited by sigi234

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

                            @sigi234

                            ssigi, an welcher Stelle stellst Du ein, dass in der X -Achse die Uhrzeit mehrstellig angezeigt wird, und nicht wie bei mir
                            nur die volle Stunde ? ( Daten kommen vom Spritpreis Tankerkönig )
                            Ich find es nicht. 😧

                            Das geht normalerweise automatisch und hängt mit dem Zeitintervall zusammen

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

                              @sigi234
                              jipp, jetzt hab ich es. War zu hoch eingestellt.

                              1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @ub.privat last edited by Scrounger

                                @ub-privat sagte in Test Adapter Material Design Widgets v0.2.x:

                                ODER ist eventuell auch etwas Ganzes "geplant".

                                Nein ein "out of the box" Jalousie-Steuerung Widget ist nicht geplant. Ich werde nur Basis Widgets erstellen.

                                @ub-privat sagte in Test Adapter Material Design Widgets v0.2.x:

                                Eine bescheidene kleine Anfrage an den Programmierer - wie würdest Du am sinnvollsten ein Widget für die Jalousie-Steuerung erstellen?

                                Da ich keine Jalousien Steuerung habe, kann ich Dir auch kein Beispiel zur Verfügung stellen. Aber es gibt zig Mgölichkeiten. Voll Kontrolle erhälst du mit den Slidern. Kann man aber auch mit dem Select Value Widget machen, wenn man vordefinierte Positionen anfahren möchte (z.B. 0%, 30%, 60%, 100%). Dafür könnte man aber auch die State Buttons verwenden und für jede Position einen eigenen Button erstellen. Eine möglichkeit sind auch die Button Adition, mit denen man die Position dann pro klick z.B. um 10% bzw. -10% verändern könnte. Und sicher gibt es noch weitere Lösungen, such am besten mal nach Layouts und Lösung hier im Forum, das ist immer ein guter Startpunkt und gibt Ideen für die visuelle Umsetzung.

                                @Nikoxx:
                                Welche Version ist bei dir installiert? Wenn ich mir den Screenshot mit den ausblendeten Linien anschaue, denke ich das du nicht die aktuelle Version hast.

                                Habe 4 Linien in meinem Diagramm und oben drüber die Legende. Nun kann ich ja einzelne Linien ausblenden wenn ich in der Legende auf den Namen klicke. Wie schaffe ich es das nur eine y Achse angezeigt wird egal welche Linie angezeigt wird. Bei mir blendet er immer eine zusätzliche y Achse ein, wenn ich eine Line ausblende.

                                Wenn z.B. alle Datensätze die Achse von Datensatz[0] verwenden sollen, dann so:
                                2da873d9-3e9b-4a78-805a-c79bee636cc3-grafik.png

                                Hab mal deine beiden Widgets zum "Zeitraum" und "Refresh" importiert. Bei der Zeitwahl aktualisiert er bis 7 Tage und danach zeigt er den chart nicht mehr an. Wenn ich dann wieder unter 7 Tagen auswähle, dauert es manchmal einige min bis etwas angezeigt wird oder es passiert nichts. Auch der Refresh Button hilft leider nicht.

                                Du hast die Datenpunkte (Objekte) auch entsprechend bei den beiden Widgets angepasst?

                                Hast du die Anzahl der Datenpunkte begrenzt?
                                e184c012-a0ea-4fc7-915e-af885985b13a-grafik.png?

                                ub.privat N 2 Replies Last reply Reply Quote 0
                                • ub.privat
                                  ub.privat @Scrounger last edited by

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

                                  @ub-privat sagte in Test Adapter Material Design Widgets v0.2.x:

                                  ODER ist eventuell auch etwas Ganzes "geplant".

                                  Nein ein "out of the box" Jalousie-Steuerung Widget ist nicht geplant. Ich werde nur Basis Widgets erstellen.
                                  @ub-privat sagte in Test Adapter Material Design Widgets v0.2.x:

                                  Eine bescheidene kleine Anfrage an den Programmierer - wie würdest Du am sinnvollsten ein Widget für die Jalousie-Steuerung erstellen?

                                  Da ich keine Jalousien Steuerung habe, kann ich Dir auch kein Beispiel zur Verfügung stellen. Aber es gibt zig Mgölichkeiten. Voll Kontrolle erhälst du mit den Slidern. Kann man aber auch mit dem Select Value Widget machen, wenn man vordefinierte Positionen anfahren möchte (z.B. 0%, 30%, 60%, 100%). Dafür könnte man aber auch die State Buttons verwenden und für jede Position einen eigenen Button erstellen. Eine möglichkeit sind auch die Button Adition, mit denen man die Position dann pro klick z.B. um 10% bzw. -10% verändern könnte. Und sicher gibt es noch weitere Lösungen, such am besten mal nach Layouts und Lösung hier im Forum, das ist immer ein guter Startpunkt und gibt Ideen für die visuelle Umsetzung.

                                  Vielen Dank für die Antwort und Lösungsansätze. Werde das Schmuddelwetter nutzen um ein wenig zu basteln.

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

                                    Guten Abend.

                                    Ich habe ein ganz lapidares Problem und habe im Forum noch keine Lösung gefunden.
                                    Ich habe einen ganz normalen Toggle State Button eingefügt. Dieser Soll eine Hue Lampe ein- und ausschalten. Also eine ganz simple Fragestellung. Wenn ich mir das VIS anzeigen lasse wird die Lampe solange ich gedrückt halte auch eingeschaltet, sobald ich nicht mehr drücke schaltet sich die Lampe aus.

                                    Er reagiert also wie ein Taster.
                                    Ich benötige aber einen Boole Switch als Button.

                                    Ist wahrscheinlich ganz einfach, aber ich stehe gerade auf dem Schlauch. Sorry

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

                                      @Zipkart
                                      Hast du einen Toggle Button oder einen State Button verwendet?
                                      Von welchem Typ ist der Datenpunkt?

                                      Edit:
                                      Mach mal nen Export von dem Widget und poste die raw daten des zugewiesenen datenpunktes.

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

                                        Version 0.2.4 ist demnächst im Latest.

                                        Version 0.2.4

                                        • (Scrounger): Round Slider Widget bug fixes
                                        • (Scrounger): Line History Chart Widget: null value bug fix
                                        • (Scrounger): Line History Chart Widget: tooltip bug fix
                                        • (Scrounger): Line History Chart Widget: editor translation improved

                                        @Nikoxx
                                        Bitte teste mal ob damit die Fehler im line history chart Widget behoben sind.

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

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

                                          Welche Version ist bei dir installiert? Wenn ich mir den Screenshot mit den ausblendeten Linien anschaue, denke ich das du nicht die aktuelle Version hast.

                                          Sollte die aktuelle von Github sein. 0.2.0

                                          Wenn z.B. alle Datensätze die Achse von Datensatz[0] verwenden sollen, dann so:
                                          2da873d9-3e9b-4a78-805a-c79bee636cc3-grafik.png

                                          Genauso hab ich mir das gedacht, funktioniert aber leider nicht. Er blendet die ausgeblendeten y Achsen ein wenn ich die Linie abwähle. Wenn ich die y Achsen anzeigen lasse werden sie auch ausgeblendet wenn ich die Linie abwähle.

                                          Du hast die Datenpunkte (Objekte) auch entsprechend bei den beiden Widgets angepasst?

                                          Hast du die Anzahl der Datenpunkte begrenzt?
                                          e184c012-a0ea-4fc7-915e-af885985b13a-grafik.png?

                                          Ja, Datenpunkte angelegt und die Datenpunkte im Widget auch begrenzt.

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

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

                                            Sollte die aktuelle von Github sein. 0.2.0

                                            Ich brauche hier präzise Aussagen, da es sonst für mich nicht möglich ist Fehler zu reproduzieren bzw. zu finden. Deshalb immer die aktuelle Version angeben!

                                            Genauso hab ich mir das gedacht, funktioniert aber leider nicht. Er blendet die ausgeblendeten y Achsen ein wenn ich die Linie abwähle. Wenn ich die y Achsen anzeigen lasse werden sie auch ausgeblendet wenn ich die Linie abwähle.

                                            OK jetzt hab ich verstanden was das Problem ist. Schau ich mir an.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            702
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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