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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Test Adapter Material Design Widgets v0.2.x

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

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

      @sigi234
      Ich hab grad noch einen kleinen Fehler gefunden, denke aber nicht das es daran liegen wird. Teste es trotzdem mal bitte.
      Versuch auch mal zwei Linien, also zwei history daten in ein Diagramm zu packen, ob da der Fehler auch auftritt.
      Wenn das alles nicht hilft, dann machen wir wieder eine teamviewer session.

      Ok, dauert eine Weile ich teste mal.

      1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            909
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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