Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Farbe vom NAV Button ändern

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Farbe vom NAV Button ändern

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

      Ich denke dass du das schon richtig gemacht hast, damals gab es mal ein Thema bei dem ebenfalls jemand einen Button "einfärben" wollte das hat damals denke ich auch nicht über Bindings funktioniert

      Finde den Beitrag aber grade nicht

      1 Reply Last reply Reply Quote 0
      • S
        sveni_lee last edited by

        das fuktioniert schon, das Problem ist nur das der View 05_Nav nicht "aktualisiert" wird.

        eventuell ließe sich ja was über css machen…

        ich nehme an, das Widget "basic - view in Widget" aktualisiert den inhalt des views nicht. denn wenn man den browser aktualisiert

        wird es korrekt angezeigt...

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

          Beim HTML Widget lässt sich eine Aktualisierungszeit Einstellungen das gibt's aber hier nicht oder

          1 Reply Last reply Reply Quote 0
          • S
            sveni_lee last edited by

            nein, leider nicht… darum der Gedanke an css oder auch ein script...

            1 Reply Last reply Reply Quote 0
            • Karel Puhli
              Karel Puhli last edited by

              Mahlzeit zusammen,
              ich greife die Frage von karlheinz001 mal auf. Ich stehe vor dem selben Problem. Wie lässt sich die Farbe ändern? Über background-color bekommt man nur die dahinter liegende Farbe (über Erhöhung des Padding gut sichtbar) geändert, nicht den eigentlichen Button selbst. Weiß jemand weiter?

              Glasfaser 1 Reply Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @Karel Puhli last edited by

                @Karel-Puhli

                1.JPG

                und das in CSS Projekt eintragen :

                .UiStyle .ui-button {
                background: purple !important;
                }
                

                2.JPG

                .UiStyle .ui-button {
                background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                }
                

                22.JPG

                .UiStyle .ui-button {
                background: linear-gradient(90deg, rgba(44,42,63,1) 2%, rgba(171,208,215,0.7680205871411064) 50%, rgba(44,42,63,1) 98%) !important;
                }
                
                Karel Puhli 1 Reply Last reply Reply Quote 0
                • Karel Puhli
                  Karel Puhli @Glasfaser last edited by

                  @Glasfaser said in Farbe vom NAV Button ändern:

                  .UiStyle .ui-button {

                  Perfekt! Ich danke Dir!
                  Kannst du kurz erklären, wofür das ".ui-button" steht?

                  Glasfaser 1 Reply Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @Karel Puhli last edited by

                    @Karel-Puhli

                    wofür das ".ui-button" steht?

                    Ist kein Geheimniss ...

                    siehe hier :

                    1.JPG

                    Karel Puhli 2 Replies Last reply Reply Quote 0
                    • Karel Puhli
                      Karel Puhli @Glasfaser last edited by

                      @Glasfaser

                      ... einfach mal ins Widget rein schauen... 👍

                      Ich danke Dir!!!

                      1 Reply Last reply Reply Quote 1
                      • Karel Puhli
                        Karel Puhli @Glasfaser last edited by

                        @glasfaser

                        Nabend!
                        Ich kriege den jqui Slider nicht farbig...
                        Egal welche class ich davon nehme, das Teil wird zwar im Edit rot (siehe Screenshot), aber im Runtime springt es nach einer gefühlten ms wieder auf weiß zurück... Woran kann das liegen, was mache ich falsch?
                        Grüße!
                        Karel Bildschirmfoto vom 2022-08-19 21-56-47.png

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @Karel Puhli last edited by

                          @karel-puhli sagte in Farbe vom NAV Button ändern:

                          Ich kriege den jqui Slider nicht farbig...

                          und wie ist dein CSS dazu !?

                          Karel Puhli 1 Reply Last reply Reply Quote 0
                          • Karel Puhli
                            Karel Puhli @Glasfaser last edited by Karel Puhli

                            @glasfaser

                            ich habe eigentlich alle Möglichkeiten (siehe links blau hinterlegt) ausprobiert. In dem Beispiel ist es

                            .Button .ui-widget-content {
                                background-color: red;
                            }
                            

                            Edit: .Button ist dabei natürlich die Klasse des Widgets

                            Glasfaser 1 Reply Last reply Reply Quote 0
                            • Glasfaser
                              Glasfaser @Karel Puhli last edited by

                              @karel-puhli

                              Was möchtest du vom Slider genau rot haben .

                              Karel Puhli 2 Replies Last reply Reply Quote 0
                              • Karel Puhli
                                Karel Puhli @Glasfaser last edited by

                                @glasfaser

                                Den dicken Balken in der Mitte. Also eigentlich alles außer dem "handle".

                                1 Reply Last reply Reply Quote 0
                                • Karel Puhli
                                  Karel Puhli @Glasfaser last edited by

                                  @glasfaser

                                  Im Edit wird es richtig angezeigt... 😡
                                  Bildschirmfoto vom 2022-08-19 22-11-59.png

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

                                    @karel-puhli mal ein anderes Theme versucht?

                                    Karel Puhli 1 Reply Last reply Reply Quote 0
                                    • Glasfaser
                                      Glasfaser @Karel Puhli last edited by Glasfaser

                                      @karel-puhli

                                      .Button .ui-widget-content {
                                      
                                          background: red !important;
                                      
                                      }
                                      

                                      Nur background und dann noch !important , damit es auch überschrieben wird

                                      Karel Puhli 1 Reply Last reply Reply Quote 1
                                      • Karel Puhli
                                        Karel Puhli @Glasfaser last edited by

                                        @glasfaser

                                        Super! Es funzt! Danke Dir!

                                        Kannst du kurz erklären warum es im Edit trotzdem richtig angezeigt wird, mit background-color?

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

                                          @homoran

                                          Auch Dir Danke! 👍

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

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          756
                                          Online

                                          31.9k
                                          Users

                                          80.1k
                                          Topics

                                          1.3m
                                          Posts

                                          7
                                          35
                                          6388
                                          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