Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. JQUI-MFD Select ValueList optisch anpassen

NEWS

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    2
    1
    36

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    838

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.4k

JQUI-MFD Select ValueList optisch anpassen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
6 Beiträge 5 Kommentatoren 1.1k Aufrufe 7 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • P Offline
    P Offline
    PlanLos
    schrieb am zuletzt editiert von
    #1

    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 {}
    
    AlmixxA GlasfaserG M 3 Antworten Letzte Antwort
    0
    • P PlanLos

      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 {}
      
      AlmixxA Offline
      AlmixxA Offline
      Almixx
      schrieb am zuletzt editiert von
      #2

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

      1 Antwort Letzte Antwort
      0
      • P PlanLos

        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 {}
        
        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #3

        @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;
        }
        

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        P 1 Antwort Letzte Antwort
        1
        • GlasfaserG Glasfaser

          @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 Offline
          P Offline
          PlanLos
          schrieb am zuletzt editiert von
          #4

          @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

          nik82N 1 Antwort Letzte Antwort
          0
          • P PlanLos

            @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

            nik82N Offline
            nik82N Offline
            nik82
            Most Active
            schrieb am zuletzt editiert von
            #5

            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 Antwort Letzte Antwort
            0
            • P PlanLos

              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 {}
              
              M Offline
              M Offline
              mooly
              schrieb am zuletzt editiert von
              #6

              @planlos

              Sorry, dass ich den Thread wieder ausgrabe :-D

              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 Antwort Letzte Antwort
              0

              Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

              Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

              Mit deinem Input könnte dieser Beitrag noch besser werden 💗

              Registrieren Anmelden
              Antworten
              • In einem neuen Thema antworten
              Anmelden zum Antworten
              • Älteste zuerst
              • Neuste zuerst
              • Meiste Stimmen


              Support us

              ioBroker
              Community Adapters
              Donate

              486

              Online

              32.8k

              Benutzer

              82.7k

              Themen

              1.3m

              Beiträge
              Community
              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
              ioBroker Community 2014-2025
              logo
              • Anmelden

              • Du hast noch kein Konto? Registrieren

              • Anmelden oder registrieren, um zu suchen
              • Erster Beitrag
                Letzter Beitrag
              0
              • Home
              • Aktuell
              • Tags
              • Ungelesen 0
              • Kategorien
              • Unreplied
              • Beliebt
              • GitHub
              • Docu
              • Hilfe