J'aimerais utiliser une liste déroulante Kendo, qui a une taille fixe puisque est contrainte par d'autres champs de la page, mais lorsqu'il affiche les éléments déroulants de la liste, la zone déroulante doit redimensionner. à la longueur maximale des éléments. Sorte de largeur fixe pour l'élément affiché, mais la largeur automatique de la liste déroulante.
Quelque chose comme est-ce possible via CSS ou les propriétés de liste déroulante définies via jQuery?
5 Réponses :
Vous pouvez définir la largeur d'une liste déroulante à la fois à la fois à l'aide d'un CSS ou à l'aide d'une méthode.
Si l'ID de vous Utilisation de CSS P>
DropdownList code> est code> My-Dropdown code> devrait écrire: p>
$("#my-dropdown").data("kendoDropDownList").list.width(300);
La réponse ci-dessus n'a pas fonctionné pour moi. J'ai l'avantage de savoir que ma liste déroulante est à l'intérieur d'une DIV.
.myDivClass span.k-dropdown {
width: 300px
}
Qu'est-ce qui a fonctionné pour moi est de rendre une classe supplémentaire sur l'élément de base: qui a produit: p> avec cette extraluration Classe en place, cela a fonctionné super dans Firefox et Chrome: P> span.k-dropdown.ExtraLarge
{
width:400px;
}
Utilisation du code suivant pour être le modèle de la Kendo Dropdownlist:
#myDropDown { width: 100% }
Si l'identifiant de votre dépose Dropdown est My-Dropdown, vous devez écrire:
#my-dropdown-list {
width: auto !important;
-moz-min-width: 120px;
-ms-min-width: 120px;
-o-min-width: 120px;
-webkit-min-width: 120px;
min-width: 120px;
/*max-width: 210px;*/
}