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
    7
    1
    65

  • 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.
  • ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    wrote on last edited by Scrounger
    #1

    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 2 Replies Last reply
    0
    • B Offline
      B Offline
      BobBruni
      wrote on last edited by
      #2

      Hallo @Scrounger ,

      ist bei den Slidern auch eine "nur lesend" - Option geplant?

      Besten Dank!

      ScroungerS 1 Reply Last reply
      0
      • B BobBruni

        Hallo @Scrounger ,

        ist bei den Slidern auch eine "nur lesend" - Option geplant?

        Besten Dank!

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

        @BobBruni sagte in Material Design Widgets: Slider Widget:

        Hallo @Scrounger ,

        ist bei den Slidern auch eine "nur lesend" - Option geplant?

        Ist schon drin unter Allgemein

        1 Reply Last reply
        0
        • B Offline
          B Offline
          BobBruni
          wrote on last edited by
          #4

          Sorry, ich meinte das Slider Round Widget...

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          467

                                          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