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
    175

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

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

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

    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 1 Antwort Letzte Antwort
    0
    • 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

                              612

                              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