Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

Material Design Widgets: Slider Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
40 Beiträge 20 Kommentatoren 6.6k Aufrufe 25 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von 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!

    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

    sigi234S 2 Antworten Letzte Antwort
    0
    • B Offline
      B Offline
      BobBruni
      schrieb am zuletzt editiert von
      #2

      Hallo @Scrounger ,

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

      Besten Dank!

      ScroungerS 1 Antwort Letzte Antwort
      0
      • B BobBruni

        Hallo @Scrounger ,

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

        Besten Dank!

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        schrieb am zuletzt editiert von
        #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

        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

        1 Antwort Letzte Antwort
        0
        • B Offline
          B Offline
          BobBruni
          schrieb am zuletzt editiert von
          #4

          Sorry, ich meinte das Slider Round Widget...

          ScroungerS 1 Antwort Letzte Antwort
          0
          • B BobBruni

            Sorry, ich meinte das Slider Round Widget...

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #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.

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            machs-smart.deM 1 Antwort Letzte Antwort
            0
            • T Offline
              T Offline
              Tirador
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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

                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                  sigi234S 1 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #11

                        @sigi234

                        Über Css Font & Text:

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

                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                        1 Antwort Letzte Antwort
                        1
                        • M Offline
                          M Offline
                          mrMuppet
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          1
                          • S Offline
                            S Offline
                            schmid_no1
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • D Offline
                              D Offline
                              dos1973
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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

                                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                D 1 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #16

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

                                  1 Antwort Letzte Antwort
                                  0
                                  • S Offline
                                    S Offline
                                    sk8er-boi
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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:

                                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                      1 Antwort Letzte Antwort
                                      0
                                      • FeuersturmF Online
                                        FeuersturmF Online
                                        Feuersturm
                                        schrieb am zuletzt editiert von
                                        #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 Antworten Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          679

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe