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.4k

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

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

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.
  • 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
                                        • 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
                                          schrieb am zuletzt editiert von
                                          #21

                                          @Feuersturm, @Meistertr

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

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

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

                                          FeuersturmF 1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          687

                                          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