Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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 ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    472

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    392

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    979

Toggle Button ( jqui Toggle) als Taster nutzen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 2 Kommentatoren 1.4k Aufrufe 2 Beobachtet
  • Ä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 .😀

                  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.

                      👍 😊

                      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

                            👍 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

                            Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                            Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                            Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                            Registrieren Anmelden
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            640

                            Online

                            32.8k

                            Benutzer

                            82.8k

                            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