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

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Farbe vom NAV Button ändern

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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

                                864
                                Online

                                31.7k
                                Users

                                79.8k
                                Topics

                                1.3m
                                Posts

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