Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Slider Widget

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Material Design Widgets: Slider Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer last edited by 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!

      sigi234 2 Replies Last reply Reply Quote 0
      • B
        BobBruni last edited by

        Hallo @Scrounger ,

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

        Besten Dank!

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @BobBruni last edited by

          @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 Reply Quote 0
          • B
            BobBruni last edited by

            Sorry, ich meinte das Slider Round Widget...

            Scrounger 1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @BobBruni last edited by

              @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.de 1 Reply Last reply Reply Quote 0
              • T
                Tirador last edited by

                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

                Scrounger 1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

                  @Scrounger

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

                  1 Reply Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @Tirador last edited by

                    @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

                    sigi234 1 Reply Last reply Reply Quote 1
                    • sigi234
                      sigi234 Forum Testing Most Active @Scrounger last edited by

                      @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.

                      1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

                        @Scrounger

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

                        Screenshot (2018).png

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @sigi234 last edited by

                          @sigi234

                          Über Css Font & Text:

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

                          1 Reply Last reply Reply Quote 1
                          • M
                            mrMuppet last edited by mrMuppet

                            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?

                            1 Reply Last reply Reply Quote 1
                            • S
                              schmid_no1 last edited by

                              @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 Reply Quote 0
                              • D
                                dos1973 last edited by

                                @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"}]
                                
                                Scrounger 1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @dos1973 last edited by

                                  @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 Reply Quote 0
                                  • D
                                    dos1973 @Scrounger last edited by

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

                                    1 Reply Last reply Reply Quote 0
                                    • S
                                      sk8er-boi last edited by

                                      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

                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer @sk8er-boi last edited by

                                        @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 😁

                                        1 Reply Last reply Reply Quote 0
                                        • Feuersturm
                                          Feuersturm last edited by

                                          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

                                          Meistertr Scrounger 2 Replies Last reply Reply Quote 0
                                          • Meistertr
                                            Meistertr Developer @Feuersturm last edited by

                                            @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 Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            694
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            20
                                            40
                                            5270
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo