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

donate donate
  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.9k

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

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

Material Design Widgets: Slider Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
40 Beiträge 20 Kommentatoren 6.8k 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 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

    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.

        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

              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

                    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

                            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:

                                  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.

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

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

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

                                          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

                                          579

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          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