Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. JQUI-MFD Select ValueList optisch anpassen

    NEWS

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

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

    JQUI-MFD Select ValueList optisch anpassen

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

      Hallo zusammen,

      ich versuche vergeblich das Selectmenu "Select ValueList" optisch nach meinen Wünschen anzupassen.
      Leider bekomme ich es nicht hin. Finde nicht den richtigen CSS-Werte.

      Im Standard sieht es so aus:
      7a61ca86-8ddb-402a-9287-16e25c65d1c6-image.png

      Ich möchte aber Form und Farbe abändern.

      Bei meiner Recherche im I-Net habe ich schon einiges an jquery-ui's gefunden und habe auch schon viele CSS-Parameter durchprobiert. Der einzige Wert den ich gefunden habe, der auch passt, ist .ui-state-active { } .

      Damit sieht es beim öffnen zumindest schon mal so aus:
      98492e2c-e7fd-4a2d-adfd-810e82676c5b-image.png

      Und genau wie es beim blauen "automatisch" aussieht, möchte ich das gern auch zusammengeklappt haben.
      Kann mir jemand die Parameter für den Button selbst liefern?

      Gruß
      PlanLos

      versuchte Beispiele die scheinbar alle nicht passen:

      .ui-selectmenu-menu {}
      .ui-selectmenu-menu .ui-menu {}
      .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {}
      .ui-selectmenu-open {}
      .ui-selectmenu-text {}
      .ui-selectmenu-button.ui-button {}
      .ui-selectmenu-icon.ui-icon {}
      
      Almixx Glasfaser M 3 Replies Last reply Reply Quote 0
      • Almixx
        Almixx @PlanLos last edited by

        @PlanLos
        Vielleicht die Eigenschaften mit !important deklarieren?
        Habe auch Probleme die jqui Sachen anzupassen...

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

          @PlanLos sagte in JQUI-MFD Select ValueList optisch anpassen:

          Damit sieht es beim öffnen zumindest schon mal so aus:

          1. Ändere das Thema von der View auf : dark-hive

          dann sieht es schonmal so aus ( im Runtime erst sichtbar ) :

          1.JPG
          2.JPG
          .

          1. Den Hintergrund vom Auswahlfenster kannst du hiermit bestimmen
            .

          3.JPG

          Im Widget eintragen bei CSS Klasse : Selectbutton

          .Selectbutton .ui-multiselect {
           background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
          }
          
          P 1 Reply Last reply Reply Quote 1
          • P
            PlanLos @Glasfaser last edited by

            @Glasfaser VIELEN DANK!
            Das ui-multiselect wars.

            Jetzt passt es zumindest schon mal farblich...den Rest schaffe ich damit auch.
            Danke nochmals!

            e4a41d62-2d32-4b55-954c-5737736fc868-image.png

            nik82 1 Reply Last reply Reply Quote 0
            • nik82
              nik82 Most Active @PlanLos last edited by

              Hallo,
              habe das gleiche Problem mit dem verändern, ich möchte es kleiner bekommen, kleiner wie hier bekomm ich es aber nicht hin:

              b11e9458-4f25-4e86-9ac0-45d4cc93907c-image.png

              Und wenn ich es einfach kleiner mache, dann schaut die Dropdown-Liste beknackt aus:

              ffdabce8-b99c-4097-be36-26021ca661b9-image.png

              Aber andere Chance wird es nicht geben oder?

              1 Reply Last reply Reply Quote 0
              • M
                mooly @PlanLos last edited by

                @planlos

                Sorry, dass ich den Thread wieder ausgrabe 😄

                Aber hast du einen Tipp, wie ich den Wert, der in der zugeklappten Value-Liste steht aktualisieren kann auf den aktuellen Wert des Objekts?

                Beispiel: Ich habe einen Rolladen mit 3 definierten Stati: auf, halb, zu.
                Ich will, dass der Status, der gerade aktiv ist, automatisch in der zugeklappten Liste erscheint.

                Aktuell ist es so, dass wenn ich den Rolladen z.B. über eine Szene schalte und nicht über die Liste, dann wird in der Liste immer noch der erste, also nicht aktive, Wert angezeigt. Z.b. schalte ich mit eine Szene auf "halb" aber in der VIS steht als Wert noch "auf".

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

                Support us

                ioBroker
                Community Adapters
                Donate

                937
                Online

                32.1k
                Users

                80.8k
                Topics

                1.3m
                Posts

                vis
                5
                6
                1060
                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