Wie setzt man die maximale Höhe eines erweiterten "Chosen" Elements (jQuery plugin)

8

Momentan verwende ich ein ausgewähltes JQuery-Widget in einem JQuery-Dialogfeld. Sobald Sie die Dropdown-Box öffnen, führt die Größe des Dropdown-Feldes dazu, dass das Dialogfeld überläuft, was folgende Ursachen hat: (Beachten Sie, dass zwei Bildlaufleisten, eine für die Dropdown-Box und eine für das Dialogfeld, die das Scrollen ziemlich nutzlos macht:

Gibt es eine Möglichkeit zu setzen:

  • Die maximale Anzahl von Elementen, die angezeigt werden, bevor Sie blättern müssen,
  • Die maximale Höhe des Auswahl / Auswahl-Dropdown-Felds oder
  • Die maximale Höhe eines der enthaltenen Elemente

Damit es eher so aussieht (es ist ein Photoshop, so möchte ich es aussehen):

d. Kein Überlauf im Dialogfenster, da nur 8 Einträge angezeigt werden, bevor Sie scrollen müssen.

    
Miguel 14.01.2014, 10:49
quelle

2 Antworten

22

tl; dr: Fügen Sie diese CSS-Regel zu Ihrer styles.css hinzu:

%Vor%

Anfangs habe ich das nicht verstanden, aber dieser Selektor bezieht sich eigentlich auf Klassen innerhalb der Gewählte (die Bibliothek erzeugt ihre eigenen html Elemente, die vom <select> Element getrennt sind). Sie beziehen sich nicht darauf Der Container, in den Sie, der Designer, den Auserwählten gesteckt haben, damit sie in jeder Situation arbeiten können.

Aber selbst wenn ich das merkte, würde dieser Selektor nicht wie gewählt funktionieren. Der selbe Selektor und der letzte Selektor erklärte Regel gewinnt , meine Regel hatte keine Wirkung. Dafür gibt es zwei Lösungen:

  • Fügen Sie !important zu Ihrer benutzerdefinierten Regel hinzu (wahrscheinlich auf die falsche Art)

ODER

  • Stellen Sie sicher, dass Ihre styles.css nach chosen.css ist. Meine Links waren in dieser Reihenfolge:

    <link rel="stylesheet" href="css/main.css">

    <link rel="stylesheet" href="chosen/chosen.css">

    Wenn Sie die Reihenfolge so ändern, dass Ihre main.css (oder wie immer Sie Ihre benutzerdefinierte Formatvorlagedatei benannt haben) nach deklariert wird, wird das Problem ebenfalls gelöst.

Miguel 14.01.2014, 12:16
quelle
0

Miguels Antwort funktionierte nicht für mich, aber stattdessen tat dies:

%Vor%     
Kelsey 20.11.2017 04:58
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Ruft Ausnahmen ab "" Mindestens ein Objekt muss icomparable "" nur implementieren, wenn die Methode ToList () auf IQueryable angewendet wird