Augmenter la largeur d'une liste déroulante

Question

Comment puis-je augmenter la largeur d'une DropDownList dans ASP.NET?

Answer 1

Je vous suggère d'utiliser une largeur dynamique, comme ceci:

<script type="text/javascript"> 
    function autoWidth() 
    { 
     var maxlength = 0; 
     var mySelect = document.getElementById('Select1'); 
     for (var i=0; i<mySelect.options.length;i++) 
     { 
      if (mySelect[i].text.length > maxlength) 
      { 
       maxlength = mySelect[i].text.length; 
      } 
     } 
     mySelect.style.width = maxlength * 10; 
    } 
</script> 

Et l'utiliser comme ceci: onclick="autoWidth()"

Answer 2

Vous pouvez le faire dans un fichier .CSS, en ligne ou avec une balise STYLE . Vous pouvez également le faire dans le code-behind en définissant des attributs (DropDownList1.Attribute.Add ("style", "etc ...")).

CSS:

.ChangeWidth 
{ 
    width:400px;  
} 

Markup:

<asp:DropDownList ID="DropDownList1" CssClass="ChangeWidth" runat="server"> 
</asp:DropDownList> 

Answer 3

<asp:DropDownList ID="DropDownList1" width="50px" runat="server"> 
</asp:DropDownList> 

Answer 4

Vous pouvez augmenter la largeur d'un DropDownList en donnant <asp:DropDownList ID="DropDownList1" width="50px" runat="server" width="100px"> </asp:DropDownList> Ou en définissant le fichier css ` .Drop

{ largeur: 100 px; } `