Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Einsteigerfragen
    4. hqwidget OnOff - Farbe ausschalten

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    hqwidget OnOff - Farbe ausschalten

    This topic has been deleted. Only users with topic management privileges can see it.
    • ChristianSr
      ChristianSr last edited by

      Hallo,
      ich möchte, dass der hqwidget OnOff button seine Farbe nicht ändert, wenn er geschaltet wird (lediglich das Bild soll sich ändern).
      Im Stil habe ich "Normal" auf "keins" gesetzt und "Aktiv" ebenfalls. Wenn der Button geschaltet wird wird er allerdings gelb?!
      Ich kann nun irgend eine andere Farbe wählen, aber ich möhte genau das Standard-unaktiv-grau beibehalten.

      Kann ich das tun?

      Gruß,
      Christian

      DJMarc75 1 Reply Last reply Reply Quote 0
      • DJMarc75
        DJMarc75 @ChristianSr last edited by

        @christian-schrautzer sagte in hqwidget OnOff - Farbe ausschalten:

        Im Stil habe ich "Normal" auf "keins" gesetzt

        Du solltest auf "Button No Background" stellen.
        Dann ist zwar die Hintergrundfarbe weg aber das kann man ja über "CSS Hintergrund" lösen.

        1 Reply Last reply Reply Quote 0
        • ChristianSr
          ChristianSr last edited by

          Hatte auf eine andere Antwort gehofft. Bin nicht soo fit in CSS. Keine Ahnung, ob man den Farbverlauf des Standard-Buttons in CSS nachbauen kann.
          Vermutlich werde ich einen toten Button in Z-Ebene 1 legen und einen transparenten mit Icon drüber. Richtig zufrieden bin ich mit dieser Lösung aber nicht...

          DJMarc75 1 Reply Last reply Reply Quote 0
          • DJMarc75
            DJMarc75 @ChristianSr last edited by

            @christian-schrautzer sagte in hqwidget OnOff - Farbe ausschalten:

            Hatte auf eine andere Antwort gehofft. Bin nicht soo fit in CSS

            Aha, aber meine Antwort hat mit CSS (Programmierung) eigentlich wenig zu tun... eher mit dem Verständnis was man in jedem Widget in der rechten Leiste einstellen kann.......
            Screenshot 2023-04-22 233249.png

            1 Reply Last reply Reply Quote 0
            • ChristianSr
              ChristianSr last edited by

              hatte ich auch so verstanden, allerdings komme ich da nicht sehr weit:
              e2184be0-7a1f-461e-b5a7-ec10f3295707-grafik.png

              Links original,
              Rechts das beste, was ich über einfaches CSS erreichen konnte.

              Homoran 1 Reply Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators @ChristianSr last edited by

                @christian-schrautzer hab gerade die Möglichkeiten des HQ nicht im Kopf.
                Falls es da nicht das selbe gibt, warum muss es HQ sein?

                versuch es mal mit den bulb on/off widget. da geht es definitiv.

                1 Reply Last reply Reply Quote 0
                • ChristianSr
                  ChristianSr last edited by

                  ich habe schon einige der HQ-Knöpfe verbaut und wollte ein einheitliches Designbild.
                  Habe nun wie oben beschrieben einen button mit transparentem Hintergrund über einen funktionsunfähigen Button als Hintergrund gelegt.
                  klappt.

                  Homoran 1 Reply Last reply Reply Quote 0
                  • Homoran
                    Homoran Global Moderator Administrators @ChristianSr last edited by

                    @christian-schrautzer sagte in hqwidget OnOff - Farbe ausschalten:

                    ich habe schon einige der HQ-Knöpfe verbaut und wollte ein einheitliches Designbild.
                    Habe nun wie oben beschrieben einen button mit transparentem Hintergrund über einen funktionsunfähigen Button als Hintergrund gelegt.
                    klappt.

                    ich verstehe es nicht
                    hab extra für dich nochmal die Konfiguration angesehen
                    Screenshot_20230424-212344_Firefox.jpg
                    Kleinbild aktiv und Kleinbild auswählen
                    Hintergrundfarbe und Hintergrundfarbe aktiv identisch oder ohne einstellen

                    Was geht da nicht?

                    ChristianSr 1 Reply Last reply Reply Quote 0
                    • ChristianSr
                      ChristianSr @Homoran last edited by

                      @homoran
                      Ziel ist das Button-Design mit Stil "keins" (siehe mein Post 22 Apr 2023, 23:42)

                      und zwar sowohl für "normal", als auch für "aktiv"

                      Homoran 1 Reply Last reply Reply Quote 0
                      • Homoran
                        Homoran Global Moderator Administrators @ChristianSr last edited by

                        @christian-schrautzer sagte in hqwidget OnOff - Farbe ausschalten:

                        @homoran
                        Ziel ist das Button-Design mit Stil "keins" (siehe mein Post 22 Apr 2023, 23:42)

                        und zwar sowohl für "normal", als auch für "aktiv"

                        und wo ist da das Problem?

                        @homoran sagte in hqwidget OnOff - Farbe ausschalten:

                        Hintergrundfarbe und Hintergrundfarbe aktiv identisch oder ohne einstellen

                        ohne = keins

                        ChristianSr 1 Reply Last reply Reply Quote 0
                        • ChristianSr
                          ChristianSr @Homoran last edited by

                          @homoran said in hqwidget OnOff - Farbe ausschalten:

                          und wo ist da das Problem?

                          das Problem ist, dass es nicht funktioniert. Trotz ausgewählter Hintergrundfarbe "keins" wird der button gelb beim click:
                          a6f7a1cd-4a90-4d9a-92c8-06128633ccb1-grafik.png

                          76c1145d-0bcb-47db-8715-9c90a91a45cc-grafik.png

                          Homoran 2 Replies Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @ChristianSr last edited by Homoran

                            @christian-schrautzer mehr Einstellungen hast du nicht für das Widget?

                            Entweder stimmt da was nicht, oder du hast mir nicht alles gezeigt.
                            müsste so aussehen wie in meinem Screenshot.

                            1 Reply Last reply Reply Quote 0
                            • Homoran
                              Homoran Global Moderator Administrators @ChristianSr last edited by Homoran

                              @christian-schrautzer hayt du jquery Stil angehakt?
                              hast du wirklich no background ausgewählt?
                              Screenshot_20230428-221141_Firefox.jpg

                              ich hab keine Ahnung wo bei dir die gelbe Farbe herkommt.
                              hast du unter css etwas verstellt?
                              was nutzst du für ein Theme?

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              439
                              Online

                              32.0k
                              Users

                              80.3k
                              Topics

                              1.3m
                              Posts

                              3
                              13
                              437
                              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