Navigation

    Logo
    • Registrieren
    • Anmelden
    • Suche
    • Aktuell
    • Tags
    • Ungelesen
    • Kategorien
    • Unreplied
    • Beliebt
    • GitHub
    • Docu
    • Hilfe
    1. Übersicht
    2. Deutsch
    3. Visualisierung
    4. Toggle Button beim drauf zeigen blau hinterlegt.

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    Toggle Button beim drauf zeigen blau hinterlegt.

    Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
    • P
      padi0-000 zuletzt editiert von padi0-000

      Hallo zusammen.
      Habe nach langer Zeit an meiner Visualisierung weiter gebastelt.
      Verwende den Toggle Button ( jqui Toggle) sehr oft.
      Habe aber das Problem, das wenn ich einen davon auf meinem tochsscreen betätigt habe das er dann durchgehend Blau hinterlegt bleibt. Da die Maus ja noch drauf bleibt.
      Kann ich irgend wo in den Einstellungen zum Button ,das Blau hinterlegt aus schalten .?

      Ist alles auf Windows 10 installiert .

      16236188475704261552816222266344.jpg 16236188936411968914555813929003.jpg
      Auf dem 2ten Bild sieht man das es blau hinterlegt ist wenn der Mauszeiger drauf ist.
      Und das selbige ist nach dem drücken mit dem Touchscreen.

      Würde mich über Hilfe Freuen .
      Gruß Patrick

      Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
      • Glasfaser
        Glasfaser @padi0-000 zuletzt editiert von

        @padi0-000

        per CSS

        .UiStyle .ui-state-hover {
        
        background: linear-gradient(to top, #000000, #434343) !important;
        border:black !important;
        }
        

        Entweder den Button einzeln , oder das View :

        gesamte View:

        1.JPG

        oder nur ein Button :
        .
        2.JPG

        P 1 Antwort Letzte Antwort Antworten Zitieren 0
        • P
          padi0-000 @Glasfaser zuletzt editiert von

          @glasfaser sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

          @padi0-000

          per CSS

          .UiStyle .ui-state-hover {
          
          background: linear-gradient(to top, #000000, #434343) !important;
          border:black !important;
          }
          

          Entweder den Button einzeln , oder das View :

          gesamte View:

          1.JPG

          oder nur ein Button :
          .
          2.JPG

          Danke erst mal für die schnelle Antwort.
          Habe beides ausprobiert.. leider keine Änderung.
          Muss ich das nur eintragen? So habe ich das gemacht ? Oder muss ich das irgend wo noch anlegen ?

          P 1 Antwort Letzte Antwort Antworten Zitieren 0
          • P
            padi0-000 @padi0-000 zuletzt editiert von

            16236237840833014088057453519730.jpg

            So hane es so noch mal versucht klappt aber auch nicht..

            Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
            • Glasfaser
              Glasfaser @padi0-000 zuletzt editiert von

              @padi0-000

              Eigentlich funktioniert es auch unter "Global", wechsel mal in "Projekt" und dann dort die CSS rein.

              1.JPG

              die Einträge in CSS Widget oder View (Aussicht) , hast du aber eingetragen ?

              P 1 Antwort Letzte Antwort Antworten Zitieren 0
              • P
                padi0-000 @Glasfaser zuletzt editiert von

                Habe mal ein Screeshot gemacht .
                1.JPG

                2.JPG

                Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
                • Glasfaser
                  Glasfaser @padi0-000 zuletzt editiert von

                  @padi0-000

                  die CSS heißt :

                  UiStyle
                  

                  ein t fehlt .

                  1.JPG

                  1 Antwort Letzte Antwort Antworten Zitieren 0
                  • P
                    padi0-000 zuletzt editiert von

                    Habe es geändert klappt trotzdem nicht ..
                    Habe es aber auch schon mehrfach ausprobiert. Deshalb hat sich da jetzt der Schreibfehler eingeschlichen .

                    Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
                    • Glasfaser
                      Glasfaser @padi0-000 zuletzt editiert von Glasfaser

                      @padi0-000

                      Verstehe es gerade nicht , warum es bei dir nicht geht 🤔

                      Teste mal hiermit , damit wird die Buttonfarbe geändert.

                      https://forum.iobroker.net/topic/12193/farbe-vom-nav-button-ändern/22

                      -.----

                      EDIT :

                      Bin gerade nicht Online ........
                      versuche mal damit , vielleicht habe ich was bei mir übersehen , obwohl es wie oben angegeben funktioniert.

                      .UiStyle .ui-state-hover .ui-button {
                       background: linear-gradient(to top, #000000, #434343) !important;
                      border:black !important;
                      }
                      
                      1 Antwort Letzte Antwort Antworten Zitieren 0
                      • P
                        padi0-000 zuletzt editiert von

                        Hallo, nein das mit der Farbe klappt auch nicht .

                        Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
                        • Glasfaser
                          Glasfaser @padi0-000 zuletzt editiert von

                          @padi0-000 sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

                          Hallo, nein das mit der Farbe klappt auch nicht .

                          ??...🙄

                          Lege mal bitte ein neues Projekt an und füge dort den Button ein , mit der CSS.
                          Was ist dann !?

                          P 1 Antwort Letzte Antwort Antworten Zitieren 0
                          • P
                            padi0-000 @Glasfaser zuletzt editiert von

                            @glasfaser
                            Hallo auch dort funktioniert es nicht.

                            Habe noch die alte Vis 1.1.4 und Admin Adapert 2.0.9

                            Bin aber auch seit einer Woche am verzweifeln bei einer Neuinstallation.

                            Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
                            • Glasfaser
                              Glasfaser @padi0-000 zuletzt editiert von

                              @padi0-000 sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

                              alte Vis 1.1.4 und Admin Adapert 2.0.9

                              Puhh ... das ist echt alt.

                              "VIS ist 1.3.9 und Admin ist 4.2.1"

                              1 Antwort Letzte Antwort Antworten Zitieren 0
                              • P
                                padi0-000 zuletzt editiert von

                                Danke dir erst mal für die Hilfe .. Wenn ich die neue Version am laufen habe , versuche ich es noch mal und gebe Rückmeldung..

                                P 1 Antwort Letzte Antwort Antworten Zitieren 0
                                • P
                                  padi0-000 @padi0-000 zuletzt editiert von

                                  habe es hinbekommen aber ganz anders als von dir vorgeschlagen.

                                  das hat trotz update vis und Admin nicht funktioniert
                                  1.PNG

                                  gibt es eine Möglichkeit wie ich das auf alle Widgets der Art anwende one es ünerall zu interlegen ?

                                  1 Antwort Letzte Antwort Antworten Zitieren 0
                                  • Glasfaser
                                    Glasfaser zuletzt editiert von Glasfaser

                                    @padi0-000 sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

                                    gibt es eine Möglichkeit wie ich das auf alle Widgets der Art anwende one es ünerall zu interlegen ?

                                    Nur über CSS Anweisungen .... aber ich habe gerade keine Ahnung warum es bei dir nicht funktioniert.

                                    im CSS kannst du auch mehr mitgeben , Textart, Größe usw.

                                    Wie du es manuell eingetragen hast , dann aber pro Widget wieder der CSS Eintrag .

                                    .UiStyle  {
                                    background: linear-gradient(to top, #000000, #434343) !important;
                                    }
                                    

                                    Was passiert wenn du nur diesen Eintrag in CSS reinmachst :

                                    .vis-view {
                                        background: blue;
                                    }
                                    
                                    P 1 Antwort Letzte Antwort Antworten Zitieren 0
                                    • P
                                      padi0-000 @Glasfaser zuletzt editiert von

                                      @glasfaser sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

                                      @padi0-000 sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

                                      gibt es eine Möglichkeit wie ich das auf alle Widgets der Art anwende one es ünerall zu interlegen ?

                                      Nur über CSS Anweisungen .... aber ich habe gerade keine Ahnung warum es bei dir nicht funktioniert.

                                      im CSS kannst du auch mehr mitgeben , Textart, Größe usw.

                                      Wie du es manuell eingetragen hast , dann aber pro Widget wieder der CSS Eintrag .

                                      .UiStyle  {
                                      background: linear-gradient(to top, #000000, #434343) !important;
                                      }
                                      

                                      Was passiert wenn du nur diesen Eintrag in CSS reinmachst :

                                      .vis-view {
                                          background: blue;
                                      }
                                      

                                      wenn ich das ins CSS eintrage wird der Hintergrund blau

                                      Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
                                      • Glasfaser
                                        Glasfaser @padi0-000 zuletzt editiert von

                                        @padi0-000

                                        Lade mir mal bitte ein Widget Button hier hoch oder den View , damit ich es mal bei mir anschaue .

                                        P 1 Antwort Letzte Antwort Antworten Zitieren 0
                                        • P
                                          padi0-000 @Glasfaser zuletzt editiert von

                                          @glasfaser

                                          [{"tpl":"tplJquiToogle","data":{"oid":"s7.0.DBs.DB1.Schlafzimmer_Decke","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":true,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/img/bulb_on.png","signals-icon-size-0":"60","signals-blink-0":false,"signals-horz-0":"80","signals-vert-0":"","signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":"fales","signals-icon-1":"/vis/img/bulb_off.png","signals-icon-size-1":"60","signals-blink-1":false,"signals-horz-1":"80","signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"signals-oid-0":"s7.0.Outputs.1.Schlafzimmer_Decke","label":"Schlaf Decke","signals-oid-1":"s7.0.Outputs.1.Schlafzimmer_Decke"},"style":{"left":"972px","top":"140px","width":"305px","height":"80px","color":"#ffffff","text-align":"left","font-size":"xx-large","letter-spacing":"","word-spacing":"100","z-index":"2","line-height":"2","border-width":"3px","border-style":"groove"},"widgetSet":"jqui"}]
                                          
                                          P 1 Antwort Letzte Antwort Antworten Zitieren 0
                                          • P
                                            padi0-000 @padi0-000 zuletzt editiert von

                                            Hoffe das ist richtig so..

                                            Glasfaser 1 Antwort Letzte Antwort Antworten Zitieren 0
                                            • Erster Beitrag
                                              Letzter Beitrag

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            590
                                            Online

                                            32.1k
                                            Benutzer

                                            80.6k
                                            Themen

                                            1.3m
                                            Beiträge

                                            3
                                            25
                                            2182
                                            Lade mehr Beiträge
                                            • Älteste zuerst
                                            • Neuste zuerst
                                            • Meiste Stimmen
                                            Antworten
                                            • In einem neuen Thema antworten
                                            Anmelden zum Antworten
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo