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. Toggle Button ( jqui Toggle) als Taster nutzen

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    135

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

Toggle Button ( jqui Toggle) als Taster nutzen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 2 Kommentatoren 1.3k Aufrufe 2 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.
  • P 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

    GlasfaserG Offline
    GlasfaserG Offline
    Glasfaser
    schrieb am zuletzt editiert von
    #2

    @padi0-000

    Meinst du so ..

    1.JPG

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    P 1 Antwort Letzte Antwort
    0
    • GlasfaserG Glasfaser

      @padi0-000

      Meinst du so ..

      1.JPG

      P Offline
      P Offline
      padi0-000
      schrieb am zuletzt editiert von
      #3

      @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

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • P padi0-000

        @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

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #4

        @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;
        
        }
        

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        P 1 Antwort Letzte Antwort
        0
        • GlasfaserG Glasfaser

          @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 Offline
          P Offline
          padi0-000
          schrieb am zuletzt editiert von
          #5

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

          GlasfaserG P 2 Antworten Letzte Antwort
          0
          • P padi0-000

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

            GlasfaserG Offline
            GlasfaserG Offline
            Glasfaser
            schrieb am zuletzt editiert von
            #6

            @padi0-000

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

            1.JPG

            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

            P 1 Antwort Letzte Antwort
            0
            • GlasfaserG Glasfaser

              @padi0-000

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

              1.JPG

              P Offline
              P Offline
              padi0-000
              schrieb am zuletzt editiert von
              #7

              @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 Antwort Letzte Antwort
              0
              • P Offline
                P Offline
                padi0-000
                schrieb am zuletzt editiert von
                #8

                Uistyle.PNG

                GlasfaserG 1 Antwort Letzte Antwort
                0
                • P padi0-000

                  Uistyle.PNG

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  schrieb am zuletzt editiert von
                  #9

                  @padi0-000

                  Boeh .:grinning:

                  der . ist zu viel :)

                  UiStyle1

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  1 Antwort Letzte Antwort
                  0
                  • P Offline
                    P Offline
                    padi0-000
                    schrieb am zuletzt editiert von
                    #10

                    Sorry " mein Fehler" läuft nun

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

                    GlasfaserG 1 Antwort Letzte Antwort
                    1
                    • P padi0-000

                      Sorry " mein Fehler" läuft nun

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

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      schrieb am zuletzt editiert von
                      #11

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

                      Danke für diese Top unterstützung.

                      :+1: :blush:

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      1 Antwort Letzte Antwort
                      0
                      • P padi0-000

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

                        P Offline
                        P Offline
                        padi0-000
                        schrieb am zuletzt editiert von padi0-000
                        #12

                        @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 Antwort Letzte Antwort
                        0
                        • P 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 Offline
                          P Offline
                          padi0-000
                          schrieb am zuletzt editiert von
                          #13

                          @padi0-000

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

                          Das ist die Lösung

                          GlasfaserG 1 Antwort Letzte Antwort
                          1
                          • P padi0-000

                            @padi0-000

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

                            Das ist die Lösung

                            GlasfaserG Offline
                            GlasfaserG Offline
                            Glasfaser
                            schrieb am zuletzt editiert von
                            #14

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

                            Das ist die Lösung

                            :+1: sehr schön ... du lernst schnell , wie es geht ;)

                            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                            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

                            783

                            Online

                            32.5k

                            Benutzer

                            81.7k

                            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