Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Toggle Button ( jqui Toggle) als Taster nutzen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Toggle Button ( jqui Toggle) als Taster nutzen

    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      padi0-000 last edited by padi0-000

      Hallo zusammen,

      Verwende den Toggle Button ( jqui Toggle) sehr oft in meiner Visu. ![0_1625157792457_toggle.PNG](Lade 100% hoch)
      Ist es möglich den als taster zu benutzen ?
      Momentan ist es ein Schalter.

      Alternativ gibt es den Bool/ OnOff den kann ich au Taster umstellen. ![0_1625157810044_bool button.PNG](Lade 100% hoch)

      Problem ist dabei, das der wenn ich den in die länge ziehe , abgerundete Ecken hat . wie kann ich da den Radius so verkleinern das er zu meinen Toggle Button ( jqui Toggle) passt.

      Gruß Patrick

      Glasfaser 1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser @padi0-000 last edited by

        @padi0-000

        Meinst du so ..

        1.JPG

        P 1 Reply Last reply Reply Quote 0
        • P
          padi0-000 @Glasfaser last edited by

          @glasfaser sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

          @padi0-000

          Meinst du so ..

          1.JPG

          Super genau so , was jetz noch nicht klappt ist das mit dem hintergrund.

          hintergrund.PNG
          !
          linear-gradient(to top, #121212, #666666)

          kannst mir da auch noch einen Tipp geben

          Glasfaser 1 Reply Last reply Reply Quote 0
          • Glasfaser
            Glasfaser @padi0-000 last edited by

            @padi0-000 sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

            linear-gradient(to top, #121212, #666666)

            Per CSS

            .UiStyle1 .vis-hq-button-base-normal {
            
            background: linear-gradient(to top, #121212, #666666)
             !important;
            
            }
            
            P 1 Reply Last reply Reply Quote 0
            • P
              padi0-000 @Glasfaser last edited by

              @glasfaser sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

              @padi0-000 sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

              linear-gradient(to top, #121212, #666666)

              Per CSS

              .UiStyle1 .vis-hq-button-base-normal {
              
              background: linear-gradient(to top, #121212, #666666)
               !important;
              
              }
              

              Im Widget ?

              Glasfaser P 2 Replies Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @padi0-000 last edited by

                @padi0-000

                Sorry , ich dachte du kennst es schon von früher , im andern Thread wie man es macht .

                1.JPG

                P 1 Reply Last reply Reply Quote 0
                • P
                  padi0-000 @Glasfaser last edited by

                  @glasfaser sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

                  @padi0-000

                  Sorry , ich dachte du kennst es schon von früher , im andern Thread wie man es macht .

                  1.JPG

                  Ja ich kenne es , nur hat es mal wieder nicht funktioniert.

                  1 Reply Last reply Reply Quote 0
                  • P
                    padi0-000 last edited by

                    Uistyle.PNG

                    Glasfaser 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @padi0-000 last edited by

                      @padi0-000

                      Boeh .😀

                      der . ist zu viel 🙂

                      UiStyle1

                      1 Reply Last reply Reply Quote 0
                      • P
                        padi0-000 last edited by

                        Sorry " mein Fehler" läuft nun

                        Werde langsam wahnsinnig ...
                        Danke für diese Top unterstützung.

                        Glasfaser 1 Reply Last reply Reply Quote 1
                        • Glasfaser
                          Glasfaser @padi0-000 last edited by

                          @padi0-000 sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

                          Danke für diese Top unterstützung.

                          👍 😊

                          1 Reply Last reply Reply Quote 0
                          • P
                            padi0-000 @padi0-000 last edited by padi0-000

                            @padi0-000 sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

                            @glasfaser sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

                            @padi0-000 sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

                            linear-gradient(to top, #121212, #666666)

                            Per CSS

                            .UiStyle1 .vis-hq-button-base-normal {
                            
                            background: linear-gradient(to top, #121212, #666666)
                             !important;
                            
                            }
                            

                            Im Widget ?

                            Ein Problem ist nun aufgetaucht.
                            Wenn ich das Widget doch als Schalter nehme ist es leider Gelb,gelb.PNG

                            Da kann ich bestimmt doch auch etwas im CSS eintragen ?

                            P 1 Reply Last reply Reply Quote 0
                            • P
                              padi0-000 @padi0-000 last edited by

                              @padi0-000

                              .UiStyle1 .vis-hq-button-base-on {
                              
                               
                              
                              background: linear-gradient(to top, #121212, #666666)
                              
                               !important;
                              
                               
                              
                              }
                              

                              Das ist die Lösung

                              Glasfaser 1 Reply Last reply Reply Quote 1
                              • Glasfaser
                                Glasfaser @padi0-000 last edited by

                                @padi0-000 sagte in Toggle Button ( jqui Toggle) als Taster nutzen:

                                Das ist die Lösung

                                👍 sehr schön ... du lernst schnell , wie es geht 😉

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

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                981
                                Online

                                31.9k
                                Users

                                80.2k
                                Topics

                                1.3m
                                Posts

                                2
                                14
                                913
                                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