Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Slider Widget

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    876

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Material Design Widgets: Slider Widget

Scheduled Pinned Locked Moved Visualisierung
vis
40 Posts 20 Posters 7.1k Views 25 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • FeuersturmF Online
    FeuersturmF Online
    Feuersturm
    wrote on last edited by
    #23

    Ich versuche gerade zu verstehen, was der Datenpunkt "In Arbeit Zustand ID" macht.
    8ccefc07-ce67-4a4f-b020-bf97395bb733-grafik.png

    Ziel. Ich kann mit meinem Slider einstellen wieviel Minuten meine Bewässerung laufen soll.
    Wenn ich den Slider z.B. auf 4 Stelle wird auch die Bewässerung gestartet aber der Slider springt direkt auf 0 zurück, weil der Datenpunkt rainbird.0.device.stations.4.runZone seinen Inhalt gleich wieder nullt.

    Ich hab einen Datenpunkt, welcher mir die Restlaufzeit in Minuten ausgibt. Ist der Datenpunkt In "Arbeit Zustand ID" dafür da, dass der Slider z.b. automatisch die Restlaufzeit 3,2,1,0 Minuten mit runtergeht?

    ScroungerS 1 Reply Last reply
    0
    • FeuersturmF Feuersturm

      Ich versuche gerade zu verstehen, was der Datenpunkt "In Arbeit Zustand ID" macht.
      8ccefc07-ce67-4a4f-b020-bf97395bb733-grafik.png

      Ziel. Ich kann mit meinem Slider einstellen wieviel Minuten meine Bewässerung laufen soll.
      Wenn ich den Slider z.B. auf 4 Stelle wird auch die Bewässerung gestartet aber der Slider springt direkt auf 0 zurück, weil der Datenpunkt rainbird.0.device.stations.4.runZone seinen Inhalt gleich wieder nullt.

      Ich hab einen Datenpunkt, welcher mir die Restlaufzeit in Minuten ausgibt. Ist der Datenpunkt In "Arbeit Zustand ID" dafür da, dass der Slider z.b. automatisch die Restlaufzeit 3,2,1,0 Minuten mit runtergeht?

      ScroungerS Offline
      ScroungerS Offline
      Scrounger
      Developer
      wrote on last edited by
      #24

      @Feuersturm sagte in Material Design Widgets: Slider Widget:

      Ich versuche gerade zu verstehen, was der Datenpunkt "In Arbeit Zustand ID" macht.

      Der Datenpunkt In Arbeit Zustand ID kommt aus der HM Welt, z.B. bei einem Dimmer wird während der Wert verstellt wird der working zustand gesetzt, d.h. während dieser Zeit kann man den Wert nicht verändern.

      @Feuersturm sagte in Material Design Widgets: Slider Widget:

      Ziel. Ich kann mit meinem Slider einstellen wieviel Minuten meine Bewässerung laufen soll.
      Wenn ich den Slider z.B. auf 4 Stelle wird auch die Bewässerung gestartet aber der Slider springt direkt auf 0 zurück, weil der Datenpunkt rainbird.0.device.stations.4.runZone seinen Inhalt gleich wieder nullt.

      Ich hab einen Datenpunkt, welcher mir die Restlaufzeit in Minuten ausgibt. Ist der Datenpunkt In "Arbeit Zustand ID" dafür da, dass der Slider z.b. automatisch die Restlaufzeit 3,2,1,0 Minuten mit runtergeht?

      Nein das geht so nicht. Wenn du keinen echten Working Datenpunkt hast (boolean) dann darfst du hier nichts eintragen. Ich würde dir hier empfehlen, schreib dir ein Skript, dass nach x Minuten die Bewässerung abschaltet.

      1 Reply Last reply
      0
      • ScroungerS Scrounger

        @Feuersturm, @Meistertr

        Schau ich mir an, sollte in der nächsten Version gefixt sein.

        FeuersturmF Online
        FeuersturmF Online
        Feuersturm
        wrote on last edited by
        #25

        @Scrounger Hi, ich habe gerade aus dem latest die Verion 0.3.19 (2020-07-18) installiert. Sollte sich am Verhalten des Sliders etwas verändert haben, so dass sich der Wert nicht mehr verstellt, wenn man ihn VIS markiert? Ich habe auch nach ioBroker neustart + Browsercache löschen immer noch das Verhalten, dass der Wert vom Slider direkt verändert wird, wenn diesen ungünstig markiere.

        ScroungerS 1 Reply Last reply
        0
        • FeuersturmF Feuersturm

          @Scrounger Hi, ich habe gerade aus dem latest die Verion 0.3.19 (2020-07-18) installiert. Sollte sich am Verhalten des Sliders etwas verändert haben, so dass sich der Wert nicht mehr verstellt, wenn man ihn VIS markiert? Ich habe auch nach ioBroker neustart + Browsercache löschen immer noch das Verhalten, dass der Wert vom Slider direkt verändert wird, wenn diesen ungünstig markiere.

          ScroungerS Offline
          ScroungerS Offline
          Scrounger
          Developer
          wrote on last edited by
          #26

          @Feuersturm sagte in Material Design Widgets: Slider Widget:

          wenn diesen ungünstig markiere.

          Was heitß denn ungünstig makriere? Ich kann das nicht reproduzieren und dürfte auch nicht mehr passieren, weil ich das Werte schreiben wenn man im VIS Editor ist, überall deaktiviert ist.

          Welchen Browser verwendest du?
          Mach mal bitte einen iobroker upload vis.

          FeuersturmF 1 Reply Last reply
          1
          • ScroungerS Scrounger

            @Feuersturm sagte in Material Design Widgets: Slider Widget:

            wenn diesen ungünstig markiere.

            Was heitß denn ungünstig makriere? Ich kann das nicht reproduzieren und dürfte auch nicht mehr passieren, weil ich das Werte schreiben wenn man im VIS Editor ist, überall deaktiviert ist.

            Welchen Browser verwendest du?
            Mach mal bitte einen iobroker upload vis.

            FeuersturmF Online
            FeuersturmF Online
            Feuersturm
            wrote on last edited by
            #27

            @Scrounger Hi, danke für die Rückmeldung. Es ist alles ok (auch ohne upload vis). Die Datenpunkte werden nicht verändert. Ich hatte mich dadurch irritieren lassen, dass ich den Slider im VIS Editor auf verschiedene Werte stellen kann.
            Danke für die Änderung :-)

            1 Reply Last reply
            0
            • fabe1999F Offline
              fabe1999F Offline
              fabe1999
              wrote on last edited by
              #28

              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

              ScroungerS 1 Reply Last reply
              0
              • fabe1999F fabe1999

                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

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                wrote on last edited by
                #29

                @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.

                fabe1999F 1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @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.

                  fabe1999F Offline
                  fabe1999F Offline
                  fabe1999
                  wrote on last edited by
                  #30

                  @Scrounger Okay, Danke für die Info.

                  1 Reply Last reply
                  0
                  • F Online
                    F Online
                    fritzke316
                    wrote on last edited by
                    #31

                    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?

                    RotzaffR 1 Reply Last reply
                    0
                    • F fritzke316

                      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?

                      RotzaffR Offline
                      RotzaffR Offline
                      Rotzaff
                      wrote on last edited by
                      #32

                      @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 :)

                      frank2604F 1 Reply Last reply
                      0
                      • RotzaffR Rotzaff

                        @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 :)

                        frank2604F Offline
                        frank2604F Offline
                        frank2604
                        wrote on last edited by frank2604
                        #33

                        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.

                        Intel NUC8 i3, Proxmox, VM Ubuntu, ioBroker
                        Philips HUE, Homematic CCU3, Zigbee, Yamaha MusicCast, Vorwerk ...

                        P 1 Reply Last reply
                        0
                        • frank2604F 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 Offline
                          P Offline
                          Phinix
                          wrote on last edited by
                          #34

                          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.

                          ScroungerS 1 Reply Last reply
                          0
                          • P Phinix

                            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.

                            ScroungerS Offline
                            ScroungerS Offline
                            Scrounger
                            Developer
                            wrote on last edited by
                            #35

                            @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
                            0
                            • ScroungerS Scrounger

                              @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 Offline
                              P Offline
                              Phinix
                              wrote on last edited by
                              #36

                              @Scrounger

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

                              1 Reply Last reply
                              0
                              • G Offline
                                G Offline
                                Grace13
                                wrote on last edited by
                                #37

                                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
                                0
                                • S schmid_no1

                                  @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)

                                  G Offline
                                  G Offline
                                  gBonfire
                                  wrote on last edited by
                                  #38

                                  @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
                                  0
                                  • G gBonfire

                                    @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 Offline
                                    K Offline
                                    knefel
                                    wrote on last edited by
                                    #39

                                    @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
                                    0
                                    • K knefel

                                      @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 Offline
                                      M Offline
                                      myssv
                                      wrote on last edited by myssv
                                      #40

                                      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
                                      0
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes


                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      753

                                      Online

                                      32.6k

                                      Users

                                      82.1k

                                      Topics

                                      1.3m

                                      Posts
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                      ioBroker Community 2014-2025
                                      logo
                                      • Login

                                      • Don't have an account? Register

                                      • Login or register to search.
                                      • First post
                                        Last post
                                      0
                                      • Home
                                      • Recent
                                      • Tags
                                      • Unread 0
                                      • Categories
                                      • Unreplied
                                      • Popular
                                      • GitHub
                                      • Docu
                                      • Hilfe