Navigation

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

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Checkbox, Switch Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @K_o_bold last edited by

      @K_o_bold

      Das geht nicht, haben eine fixe Größe laut Material Design Guidlines.
      Mit css klasse überschreiben müsste das trotzdem gehen

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

        Gibt es eine Möglichkeit bei der Checkbox eine unterscheidliche Randfarbe zuzuweisen? Die Angabe "Kontrollkästchenfarbe" im Widget kommt bei mir leider nur zum tragen wenn der Wert auf true geht. bei false bleibt der Rand immer schwarz.

        Kannst du genauer beschreiben wie css Klasse für die Größe aussehen muss?

        Scrounger 1 Reply Last reply Reply Quote 0
        • M
          mctom last edited by

          Ich würde gerne auch die Farbe des Rahmens anpassen. Gibt es hierzu schon eine Lösung ?

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

            @0018 sagte in Material Design Widgets: Checkbox, Switch Widget:

            Kannst du genauer beschreiben wie css Klasse für die Größe aussehen muss?

            @mctom sagte in Material Design Widgets: Checkbox, Switch Widget:

            Ich würde gerne auch die Farbe des Rahmens anpassen. Gibt es hierzu schon eine Lösung ?

            .mdc-checkbox__background {
                border-color: red !important;
            }
            
            1 Reply Last reply Reply Quote 0
            • FoodFighter
              FoodFighter last edited by

              Gibt es eine Möglichkeit einen Switch so oder ähnlich zu verriegeln, wie es bei z.B. dem Button-State der Fall ist?

              Ich mag diese kleinen Slider-Switches, es gibt aber ein paar Schaltstellen (z.B. die Steckdose vom 3D-Drucker) bei denen ich gerne eine zweite Sicherheit einbauen würde um ein versehentliches Ausschalten zu vermeiden, falls man mal mal mit den Wurstfingern daneben toucht.

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

                @FoodFighter
                Müsste ich extra einbauen. Schreib bitte nen Feature Request (issue) auf github.

                1 Reply Last reply Reply Quote 0
                • E
                  el_rob @Scrounger last edited by el_rob

                  @Scrounger Vielen Dank für die Widgets. Wäre es möglich beim Switch Widget eine Wahlmöglichkeit hinzuzufügen, so dass man entweder den Zustand, wenn der Wert nicht der Bedingung "Ein" oder alternativ nicht der Bedingung "Aus" entspricht, wählen kann? Ich würde das Widget gerne mit Z-Wave-Dimmern verwenden. Der Wert für "Aus" ist 0 und der Wert für "Ein" 255 (damit wird der letzte Dimmwert wiederhergestellt und der Datenpunkt nach 255 auf den entsprechenden Wert gesetzt). Ich würde deshalb gerne den "Zustand, wenn der Wert nicht der Bedingung 'Aus' entspricht" auf "Ein" stellen können, damit der Switch "Ein" anzeigt, wann immer der Wert >0 ist...

                  Sorry, man sollte zuerst zu Ende denken... 🤦‍♂️ Natürlich bekomme ich das was ich möchte, wenn ich "Zustand, wenn der Wert nicht der Bedingung 'Ein' entspricht" auf "An" stelle 🙄

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

                    @FoodFighter sagte in Material Design Widgets: Checkbox, Switch Widget:

                    Gibt es eine Möglichkeit einen Switch so oder ähnlich zu verriegeln, wie es bei z.B. dem Button-State der Fall ist?

                    Hab es eingebaut, wenn du testen magst, aktuelle version von github ziehen.

                    checkbox.gif

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

                      @Scrounger
                      Funktioniert, sehr geil!
                      Vielen Dank 🙂

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

                        Hey @Scrounger ,

                        ich habe einen Switch und einen Slider parallel laufen für einen Rolladen.
                        Der Switch soll zwischen 0 und 0.8 hin und her schalten.
                        Allerdings funktioniert es nicht so richtig. Ich kann ihn einmal auf 0.8 fahren lassen. Jedoch steht der Rolladen dann bei 0.800004 ( was ja ungleich 0.8 ist), so kann ich nicht wieder auf 0 umschalten. Hast du eine Idee das zu umgehen ?

                        Gruß Daniel

                        Unbenannt.JPG

                        S 1 Reply Last reply Reply Quote 0
                        • K
                          killroy2 last edited by

                          Hallo, ich verwende das Checkbox widget. Ich habe einen Wert zum Stellen und einen Wert zum anzeigen. Beide sind unterschiedlich weil von verschiedenen Stellen auch setzbar. Lässt sich das Widget mit 2 Werten kombinieren bzw. gibt es ein besseres UI um Schalten/Anzeigen in einem Element zu vereinen?
                          Danke

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

                            @sk8er-boi sagte in Material Design Widgets: Checkbox, Switch Widget:

                            Hey @Scrounger ,

                            ich habe einen Switch und einen Slider parallel laufen für einen Rolladen.
                            Der Switch soll zwischen 0 und 0.8 hin und her schalten.
                            Allerdings funktioniert es nicht so richtig. Ich kann ihn einmal auf 0.8 fahren lassen. Jedoch steht der Rolladen dann bei 0.800004 ( was ja ungleich 0.8 ist), so kann ich nicht wieder auf 0 umschalten. Hast du eine Idee das zu umgehen ?

                            Gruß Daniel

                            Unbenannt.JPG

                            Unbenannt.JPG

                            Ich habs jetzt einfach mit zwei Buttons gelöst. Ist warscheinlich auch schlauer.

                            1 Reply Last reply Reply Quote 0
                            • Daniel Zenker
                              Daniel Zenker last edited by

                              Hi,

                              erst mal Hut ab! Tolle Widgets! Dennoch habe ich eine Frage:

                              Ich habe mehrere Aktoren die unterschiedliche MQTT Topics für Status und Command nutzen. z.B. Shellys und Sonoffs, die ein STAT-Topic und ein COMMAND-Topic nutzen. Für deinen Switch müsste ich also das COMMAND-Topic eintragen, damit ich die Aktoren schalten kann. Allerdings habe ich hier das Problem, dass dieses Topic nicht immer dem STATE entspricht. Sprich, wenn sich der Status ausserhalb von ioBroker ändert (z.B. wenn der verkabelte Wandschalter gedrückt wird).

                              Bei einigen anderen Windgets wird das durch die Einstellung "Extrasteuerung" gelöst. Dort kann ich das STATE-Topic fürs Widget und das COMMAND Topic zum Schalten eintragen.

                              Diese Einstellung finde ich leider in keinem deiner Widgets... Hast du da eine Lösung für mich?

                              1 Reply Last reply Reply Quote 0
                              • S
                                saeft_2003 Most Active last edited by

                                Kann mir einer von euch sagen wo ich die Rahmenfarbe von einem nicht aktiven checkbox widget umstellen kann?

                                Im Moment ist diese bei mir schwarz und da ich einen fast schwarzen Hintergrund habe sieht man dieses kaum.

                                2020-06-23_07h43_57.png

                                0 1 Reply Last reply Reply Quote 0
                                • 0
                                  0018 @saeft_2003 last edited by 0018

                                  @saeft_2003 Schau mal weiter oben bei Post6, ich denke das sollte dir helfen oder?

                                  S 2 Replies Last reply Reply Quote 1
                                  • S
                                    saeft_2003 Most Active @0018 last edited by

                                    @0018

                                    Danke das hatte ich überlesen!

                                    1 Reply Last reply Reply Quote 0
                                    • S
                                      saeft_2003 Most Active @0018 last edited by

                                      @0018 sagte in Material Design Widgets: Checkbox, Switch Widget:

                                      @saeft_2003 Schau mal weiter oben bei Post6, ich denke das sollte dir helfen oder?

                                      Weißt du zufällig ob das ganze so, auch hier funktioniert?

                                      https://forum.iobroker.net/topic/29666/material-design-widgets-input-select-autocompl/81

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

                                        Hätte eine Frage zu den Checkboxen ? Diese sieht wie folgt aus.

                                        270d92ce-89c1-49e2-a1e2-5bf9df7aa541-image.png

                                        Mein Datenpunkt so ::

                                        4e3dd065-8ee0-4dc8-bbf5-e7280344966b-image.png

                                        Nun sollte sich das ja im DP ändern true / false, Häckchen drin true / Häckchen raus false. Tut es aber nicht. Entweder mein DP falsch, oder bei ein / aus Wert falsch ?

                                        Hatte vorher die normale Checkbox, damit gings.

                                        EDIT::::

                                        Habs, hab jetzt true / false durch 0 / 1 getauscht.

                                        Johannes Bauerstatter Scrounger 2 Replies Last reply Reply Quote 0
                                        • Johannes Bauerstatter
                                          Johannes Bauerstatter @D3ltoroxp last edited by

                                          Hallo,

                                          kann ich diese Buttons auf Taster umstellen oder müssen diese mittels script zurück gesetzt werden:

                                          a1179485-b0c3-44e9-8f1a-72737e451eaa-image.png

                                          Ich benötige teilweise nur einen kurzen Impuls um Aktionen oder Szenen zu starten.

                                          liv-in-sky 1 Reply Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @Johannes Bauerstatter last edited by liv-in-sky

                                            @Johannes-Bauerstatter

                                            edit: war falsche info - gelöscht

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            706
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            16
                                            33
                                            4222
                                            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