Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Slider Widget

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Slider Widget

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

      Hallo zusammen,
      Ich bin gerade eben auf diesen tollen Adapter gestoßen und habe den Slider in meine vis eingebaut.
      Mir ist aufgefallen das die Slider in der Android App nicht so reagieren wie ich das vermutet hätte:
      Der Slider lässt sich nicht verschieben, er bewegt sich nur wenn man auf eine bestimmte stelle drückt und springt dann sofort dahin. Wird der Slider anschließend wieder los gelassen ist der Button aber immer noch gehighlightet und das Label ist noch zu sehen. (Im Browser selbst verschwindet beides sobald man die Maus los gelassen hat.)
      Slider.png
      Ich habe es getestet auf meinem Amazo Fire Tablet als auch auf meinem Smartphone und es scheint beides mal das selbe Problem zu haben. Wird die vis vom Tablet über den Browser aufgerufen funktioniert der Slider so wie es gedacht ist, das Problem tritt also nur in der App selbst auf.
      Hat jemand eine Idee woran das liegen könnte, und wie ich das fixen kann?

      Vielen Dank schon mal

      Mit freundlichen Grüßen
      Fabe1999

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

        @fabe1999 sagte in Material Design Widgets: Slider Widget:

        Mir ist aufgefallen das die Slider in der Android App nicht so reagieren wie ich das vermutet hätte:

        Android App wird noch nicht vollständig unterstützt. Erst wenn MDW im stable ist wird es in die APP vollständig integriert. Bis dahin musst nen browser verwenden.

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

          @Scrounger Okay, Danke für die Info.

          1 Reply Last reply Reply Quote 0
          • F
            fritzke316 last edited by

            Hallo
            Ich habe die Visualisierung an einem Touchscreen laufen der an einen Raspberry PI angeschlossen ist.
            Die Visu lasse ich auf dem Chromium Browser anzeigen. Dort kann ich aber die Slider nicht bewegen!!
            Woran kann das liegen? Ist der Chromium Browser nicht kompatibel mit IOBroker Vis?

            Rotzaff 1 Reply Last reply Reply Quote 0
            • Rotzaff
              Rotzaff @fritzke316 last edited by

              @fritzke316 sagte in Material Design Widgets: Slider Widget:

              Hallo
              Ich habe die Visualisierung an einem Touchscreen laufen der an einen Raspberry PI angeschlossen ist.
              Die Visu lasse ich auf dem Chromium Browser anzeigen. Dort kann ich aber die Slider nicht bewegen!!
              Woran kann das liegen? Ist der Chromium Browser nicht kompatibel mit IOBroker Vis?

              Hallo,

              ich habe hier ein ähnliches Problem. Versuch mal nur den Slider anzuzeigen und dann diesen zu bewegen.
              Bei mir ist das so: Wenn ich den Slider solo im Fenster habe ich alles im grünen Bereich, benutze ich den in Kombo "Grid" -> und "View in Widget" kann ich den Regler nicht mehr steuern.

              Btw. hier die Supported Browserliste: https://github.com/material-components/material-components-web/blob/master/docs/supported-browsers.md
              -> Ich denke jedoch, dass ein Chromium das können müsste, da Chrome und Edge auf Chromium basieren. Steinigt mich falsch ich das falsch interpretierte 🙂

              frank2604 1 Reply Last reply Reply Quote 0
              • frank2604
                frank2604 @Rotzaff last edited by frank2604

                Hallo @Scrounger,

                kannst Du mal schauen: Wenn man die Slider-Richtung umkehrt, geht die Beschriftung der Schritte nicht mehr:

                2020-11-04_20-19-11.jpg

                Danke

                Frank

                EDIT: Habe in Github einen Issue erstellt.

                P 1 Reply Last reply Reply Quote 0
                • P
                  Phinix @frank2604 last edited by

                  Hallo @Scrounger

                  Ist es möglich im Round Slider Widget die Min/Max Werte nicht fest einzutragen sondern über ein Objekt variabel zu steuern?
                  Ich würde das Widget gerne dazu verwenden um einen Timer zu visualisieren (nur Minutenanzeige, ganze Zahlen), daher wäre es praktisch über ein Objekt den Max-Wert zu steuern.

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

                    @Phinix sagte in Material Design Widgets: Slider Widget:

                    Hallo @Scrounger

                    Ist es möglich im Round Slider Widget die Min/Max Werte nicht fest einzutragen sondern über ein Objekt variabel zu steuern?

                    Das kannst du bereits mit Bindings realisieren, https://github.com/ioBroker/ioBroker.vis#bindings-of-objects

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

                      @Scrounger

                      Danke, das war die Info die gefehlt hat. Jetzt funktioniert es.

                      1 Reply Last reply Reply Quote 0
                      • G
                        Grace13 last edited by

                        Hallo, wie kann ich den Abstand der horizontalen Beschriftung zum Slider ändern?

                        Und noch eine weitere Frage. Kann man den Slider mit 0%= ( switch = false ) also wenn der Slider auf 0% steht die Lampe richtig auszumachen.?

                        1 Reply Last reply Reply Quote 0
                        • G
                          gBonfire @schmid_no1 last edited by

                          @schmid_no1 sagte in Material Design Widgets: Slider Widget:

                          @Scrounger
                          Nabend
                          Gibt es beim slider der senkrecht steht die Möglichkeit das Regler-Label auf die andere Seite zu bekommen (von rechts nach links)

                          Hallo, würde gerne die o.a. Frage nochmal nach oben heben. Als Rechtshänder verdecke ich mir den Wert. Im grossen und ganzen habe ich das so gelöst, dass ich das Label entsprechend gross mache. Dann gehts auch. Bei Slidern die allerdings nahe am rechten Bildschirmrand sind, ist dann das Label über dem Bildschirmrand hinaus und somit nicht mehr sichtbar.
                          Oder übersehe ich was oder jemand hat ne andere Idee ?

                          Vielen Dank und viele Grüße

                          K 1 Reply Last reply Reply Quote 0
                          • K
                            knefel @gBonfire last edited by

                            @gbonfire said in Material Design Widgets: Slider Widget:

                            @schmid_no1 sagte in Material Design Widgets: Slider Widget:

                            @Scrounger
                            Nabend
                            Gibt es beim slider der senkrecht steht die Möglichkeit das Regler-Label auf die andere Seite zu bekommen (von rechts nach links)

                            Hallo, würde gerne die o.a. Frage nochmal nach oben heben. Als Rechtshänder verdecke ich mir den Wert. Im grossen und ganzen habe ich das so gelöst, dass ich das Label entsprechend gross mache. Dann gehts auch. Bei Slidern die allerdings nahe am rechten Bildschirmrand sind, ist dann das Label über dem Bildschirmrand hinaus und somit nicht mehr sichtbar.
                            Oder übersehe ich was oder jemand hat ne andere Idee ?

                            Vielen Dank und viele Grüße

                            Hab das gleiche Problem 1:1. Wird verdeckt da Rechtshänder bzw. Regler nicht Sichtbar wenn am Rechten Bildschirmrand. Hab dafür auch noch keine Lösung.

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

                              Moin zusammen,

                              ich habe bei dem Schieberegler ein seltsames Phänomen.

                              Um das zu erklären, habe ich ein Video gemacht:

                              Video

                              Kann es am Schieberegler liegen oder am Tahoma-Adapter?

                              Im linken Bildschirm ist der Wert zu sehen, den ich mit dem Slider verbunden habe.

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              870
                              Online

                              31.7k
                              Users

                              79.6k
                              Topics

                              1.3m
                              Posts

                              vis
                              20
                              40
                              5300
                              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