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

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    122

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

Material Design Widgets: Slider Widget

Scheduled Pinned Locked Moved Visualisierung
vis
40 Posts 20 Posters 7.0k 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.
  • B BobBruni

    Sorry, ich meinte das Slider Round Widget...

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

    @BobBruni sagte in Material Design Widgets: Slider Widget:

    Sorry, ich meinte das Slider Round Widget...

    Da geht das leider nicht, da die api das nicht unterstützt.

    machs-smart.deM 1 Reply Last reply
    0
    • T Offline
      T Offline
      Tirador
      wrote on last edited by
      #6

      Hallo Scrounger, vielen Dank für die tollen Widgets.

      Gibt es die Möglichkeit den Text über mehrere Widgets einzurücken, damit die Slider alle "bündig" sind.

      Beispiel meiner Lampensteuerung:
      2020-02-13 10_02_26-vis.png

      ScroungerS 1 Reply Last reply
      0
      • ScroungerS Scrounger

        Slider Widget | Round Slider Widget

        slider.gif
        round_slider.gif

        Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

        Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

        • Dokumentation Slider
        • Dokumentation Round Slider
        • Online Beispiel

        Themen zu anderen Widgets findest du hier!

        sigi234S Online
        sigi234S Online
        sigi234
        Forum Testing Most Active
        wrote on last edited by sigi234
        #7

        @Scrounger

        Hallo, es lassen sich keine Farben ändern beim den Beschriftungen?
        Knopfgröße auch keine Änderung.

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
        Immer Daten sichern!

        1 Reply Last reply
        0
        • T Tirador

          Hallo Scrounger, vielen Dank für die tollen Widgets.

          Gibt es die Möglichkeit den Text über mehrere Widgets einzurücken, damit die Slider alle "bündig" sind.

          Beispiel meiner Lampensteuerung:
          2020-02-13 10_02_26-vis.png

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

          @Tirador sagte in Material Design Widgets: Slider Widget:

          Hallo Scrounger, vielen Dank für die tollen Widgets.

          Gibt es die Möglichkeit den Text über mehrere Widgets einzurücken, damit die Slider alle "bündig" sind.

          Gib bei allen Widgets die gleiche größe / länge an:
          fedc2d14-cd9f-4965-85a9-5b28028d273e-grafik.png

          @sigi234 sagte in Material Design Widgets: Slider Widget:

          @Scrounger

          Hallo, es lassen sich keine Farben ändern beim den Beschriftungen?
          Knopfgröße auch keine Änderung.

          Geht beides:
          178fadb9-912c-4e10-ba93-3040786283b4-grafik.png

          sigi234S 1 Reply Last reply
          1
          • ScroungerS Scrounger

            @Tirador sagte in Material Design Widgets: Slider Widget:

            Hallo Scrounger, vielen Dank für die tollen Widgets.

            Gibt es die Möglichkeit den Text über mehrere Widgets einzurücken, damit die Slider alle "bündig" sind.

            Gib bei allen Widgets die gleiche größe / länge an:
            fedc2d14-cd9f-4965-85a9-5b28028d273e-grafik.png

            @sigi234 sagte in Material Design Widgets: Slider Widget:

            @Scrounger

            Hallo, es lassen sich keine Farben ändern beim den Beschriftungen?
            Knopfgröße auch keine Änderung.

            Geht beides:
            178fadb9-912c-4e10-ba93-3040786283b4-grafik.png

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            wrote on last edited by
            #9

            @Scrounger sagte in Material Design Widgets: Slider Widget:

            @Scrounger
            Hallo, es lassen sich keine Farben ändern beim den Beschriftungen?
            Knopfgröße auch keine Änderung.

            Geht beides:

            Ja, hatte nur lesend angehakt gehabt.

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            1 Reply Last reply
            0
            • ScroungerS Scrounger

              Slider Widget | Round Slider Widget

              slider.gif
              round_slider.gif

              Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

              Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

              • Dokumentation Slider
              • Dokumentation Round Slider
              • Online Beispiel

              Themen zu anderen Widgets findest du hier!

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              wrote on last edited by sigi234
              #10

              @Scrounger

              Hallo, wie kann ich den Abstand Vertikal ,Farbe und die Textgröße von den Schritten Ändern?

              Screenshot (2018).png

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              ScroungerS 1 Reply Last reply
              0
              • sigi234S sigi234

                @Scrounger

                Hallo, wie kann ich den Abstand Vertikal ,Farbe und die Textgröße von den Schritten Ändern?

                Screenshot (2018).png

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

                @sigi234

                Über Css Font & Text:

                357a0e83-cf3b-4fb8-873d-0aaf89f4ff6f-grafik.png

                1 Reply Last reply
                1
                • M Offline
                  M Offline
                  mrMuppet
                  wrote on last edited by mrMuppet
                  #12

                  Hallo,
                  bin mir nicht sicher, ob dies das richtige Widget für diesen Wunsch ist: ich würde gerne zum Werte einstellen eine Wahlmöglichkeit wie im Google-Kalender verwenden:
                  16f8d443-766f-468e-bcd1-71ee69028852-image.png

                  Wobei es mir nicht um den Kalender als Ziel geht, sondern um die Möglichkeit die Werte über so ein "rollendes Einstellrad" einzustellen.
                  Kann das noch intergriert werden?

                  ioBroker auf NUC (Celeron mit Ubuntu-Server)

                  Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                  1 Reply Last reply
                  1
                  • S Offline
                    S Offline
                    schmid_no1
                    wrote on last edited by
                    #13

                    @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 1 Reply Last reply
                    0
                    • D Offline
                      D Offline
                      dos1973
                      wrote on last edited by
                      #14

                      @Scrounger
                      ich glaube ich habe noch einen Bug gefunden... ;-)

                      die Schriftfarbe des Wertes lässt sich nicht farblich anpassen

                      Bildschirmfoto 2020-05-08 um 00.36.25.png

                      nix wildes für mich, da ich auf einen BasicNumber String wechseln werde, da die Dezimalstellen nicht anpassbar sind.

                      Aber kannst ja mal schauen... Danke

                      widget export

                      [{"tpl":"tplVis-materialdesign-Slider-Round","data":{"oid":"vodafone-speedtest.0.Results.download_Mb","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","step":"1","startAngle":"135","arcLength":"270","handleZoom":"1.5","vibrateOnMobilDevices":"50","showValueLabel":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"min":"0","max":"300","sliderWidth":"18","valueLabelUnit":" Mb/s<br>Download","valueLabelMin":"offline","valueLabelMax":"online","rtl":false,"valueLabelVerticalPosition":"30","colorBeforeThumb":"#f57070","colorAfterThumb":"#fff"},"style":{"left":"430px","top":"180px","width":"219px","height":"200px","color":"#f57070","font-family":"RobotoCondensed-Regular","font-size":"medium","z-index":"2"},"widgetSet":"materialdesign"}]
                      
                      ScroungerS 1 Reply Last reply
                      0
                      • D dos1973

                        @Scrounger
                        ich glaube ich habe noch einen Bug gefunden... ;-)

                        die Schriftfarbe des Wertes lässt sich nicht farblich anpassen

                        Bildschirmfoto 2020-05-08 um 00.36.25.png

                        nix wildes für mich, da ich auf einen BasicNumber String wechseln werde, da die Dezimalstellen nicht anpassbar sind.

                        Aber kannst ja mal schauen... Danke

                        widget export

                        [{"tpl":"tplVis-materialdesign-Slider-Round","data":{"oid":"vodafone-speedtest.0.Results.download_Mb","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","step":"1","startAngle":"135","arcLength":"270","handleZoom":"1.5","vibrateOnMobilDevices":"50","showValueLabel":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"min":"0","max":"300","sliderWidth":"18","valueLabelUnit":" Mb/s<br>Download","valueLabelMin":"offline","valueLabelMax":"online","rtl":false,"valueLabelVerticalPosition":"30","colorBeforeThumb":"#f57070","colorAfterThumb":"#fff"},"style":{"left":"430px","top":"180px","width":"219px","height":"200px","color":"#f57070","font-family":"RobotoCondensed-Regular","font-size":"medium","z-index":"2"},"widgetSet":"materialdesign"}]
                        
                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        wrote on last edited by
                        #15

                        @dos1973 sagte in Material Design Widgets: Slider Widget:

                        die Schriftfarbe des Wertes lässt sich nicht farblich anpassen

                        Das geht wie folgt:
                        dd5ae70b-3aee-404a-8828-52cfc77235e7-grafik.png

                        D 1 Reply Last reply
                        0
                        • ScroungerS Scrounger

                          @dos1973 sagte in Material Design Widgets: Slider Widget:

                          die Schriftfarbe des Wertes lässt sich nicht farblich anpassen

                          Das geht wie folgt:
                          dd5ae70b-3aee-404a-8828-52cfc77235e7-grafik.png

                          D Offline
                          D Offline
                          dos1973
                          wrote on last edited by
                          #16

                          @Scrounger
                          Oh mann, Tomaten auf den Augen. Ich bin bestimmt 5x durch die Einstellung... Danke & sorry für den Fehlalarm.

                          1 Reply Last reply
                          0
                          • S Offline
                            S Offline
                            sk8er-boi
                            wrote on last edited by
                            #17

                            Moin @Scrounger

                            Unbenannt.JPG

                            Kann man den Anzeigewert beim Slider manipulieren ? Der Slider geht von 0 bis 1 in 0.1 Schritten, angezeigt werden soll aber 0 bis 100%. Ich möchte den Wert also mit mit 100 multiplizieren.

                            Gibts da ein Trick ?

                            Gruß Daniel

                            ScroungerS 1 Reply Last reply
                            0
                            • S sk8er-boi

                              Moin @Scrounger

                              Unbenannt.JPG

                              Kann man den Anzeigewert beim Slider manipulieren ? Der Slider geht von 0 bis 1 in 0.1 Schritten, angezeigt werden soll aber 0 bis 100%. Ich möchte den Wert also mit mit 100 multiplizieren.

                              Gibts da ein Trick ?

                              Gruß Daniel

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

                              @sk8er-boi sagte in Material Design Widgets: Slider Widget:

                              Kann man den Anzeigewert beim Slider manipulieren ? Der Slider geht von 0 bis 1 in 0.1 Schritten, angezeigt werden soll aber 0 bis 100%. Ich möchte den Wert also mit mit 100 multiplizieren.

                              Ne das geht nicht. Müsste ich extra einbauen -> issue auf github bitte erstellen.

                              Alternativ könntest du LinkedDevices verwenden und den Datenpunkt vernünftig umwandeln - Schleichwerbung :grin:

                              1 Reply Last reply
                              0
                              • FeuersturmF Online
                                FeuersturmF Online
                                Feuersturm
                                wrote on last edited by
                                #19

                                Hallo, ich setze gerade den Slider ein, um eine Laufzeit für meine Bewässerung festlegen zu können:
                                7c99fece-4188-4a0f-a926-21f14e1e89ee-grafik.png

                                Wenn ich das Element in VIS anfasse und verschiebe wird auch fast immer der Regler mitverstellt. Die Änderung des Reglers im VIS Editor greift direkt auf den Datenpunkt zu und meine Bewässerung startet, obwohl ich das Element nur formatieren will.

                                Ich persönlich finde das Verhalten unschön. Könnt ihr das Verhalten bei euch reproduzieren?

                                Ich nutze Material Design Widgets 0.3.14

                                MeistertrM ScroungerS 2 Replies Last reply
                                0
                                • FeuersturmF Feuersturm

                                  Hallo, ich setze gerade den Slider ein, um eine Laufzeit für meine Bewässerung festlegen zu können:
                                  7c99fece-4188-4a0f-a926-21f14e1e89ee-grafik.png

                                  Wenn ich das Element in VIS anfasse und verschiebe wird auch fast immer der Regler mitverstellt. Die Änderung des Reglers im VIS Editor greift direkt auf den Datenpunkt zu und meine Bewässerung startet, obwohl ich das Element nur formatieren will.

                                  Ich persönlich finde das Verhalten unschön. Könnt ihr das Verhalten bei euch reproduzieren?

                                  Ich nutze Material Design Widgets 0.3.14

                                  MeistertrM Offline
                                  MeistertrM Offline
                                  Meistertr
                                  Developer
                                  wrote on last edited by
                                  #20

                                  @Feuersturm kann ich auch bestätigen. wenn ich früh morgen an der vis arbeite muss ich immer Angst haben, dass irgendwo dsas Licht angeht... ebenso ist mir aufgefallen, dass auf meinem Touchmontir das Loslassen des Fingers nicht immer funktioniert, wodurch ich dann irgendwo im Bildschirm noch mal klichen muss um den wert zu bestätigen

                                  1 Reply Last reply
                                  0
                                  • FeuersturmF Feuersturm

                                    Hallo, ich setze gerade den Slider ein, um eine Laufzeit für meine Bewässerung festlegen zu können:
                                    7c99fece-4188-4a0f-a926-21f14e1e89ee-grafik.png

                                    Wenn ich das Element in VIS anfasse und verschiebe wird auch fast immer der Regler mitverstellt. Die Änderung des Reglers im VIS Editor greift direkt auf den Datenpunkt zu und meine Bewässerung startet, obwohl ich das Element nur formatieren will.

                                    Ich persönlich finde das Verhalten unschön. Könnt ihr das Verhalten bei euch reproduzieren?

                                    Ich nutze Material Design Widgets 0.3.14

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

                                    @Feuersturm, @Meistertr

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

                                    FeuersturmF 1 Reply Last reply
                                    1
                                    • ScroungerS Scrounger

                                      @BobBruni sagte in Material Design Widgets: Slider Widget:

                                      Sorry, ich meinte das Slider Round Widget...

                                      Da geht das leider nicht, da die api das nicht unterstützt.

                                      machs-smart.deM Offline
                                      machs-smart.deM Offline
                                      machs-smart.de
                                      wrote on last edited by
                                      #22

                                      @Scrounger leg doch einfach eine leere HTML-Fläche drüber.

                                      www.machs-smart.de
                                      Anleitungen und Tutorials rund um ioBroker

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          397

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          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