CODEWITHSUNDEEP
.netasp.netdrop-down-menuasp.net-controls
Jaison
Jaison

Reputation:

Increase the Width of a Dropdown List

How can I increase the width of a DropDownList in ASP.NET?

Upvotes: 1

Views: 7339

Answers (4)

Vinoth Narayan
Vinoth Narayan

Reputation: 275

You can increase the width of a DropDownList by giving <asp:DropDownList ID="DropDownList1" width="50px" runat="server" width="100px"> </asp:DropDownList> Or by defining the css file `.Drop

{ width:100px; }`

Upvotes: 0

kralco626
kralco626

Reputation: 8654

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

Upvotes: 0

rick schott
rick schott

Reputation: 21112

You can do this in a .CSS file, inline or with a STYLE tag. You can also do it in the code-behind by setting attributes(DropDownList1.Attribute.Add("style","etc...")).

CSS:

.ChangeWidth
{
    width:400px;    
}

Markup:

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

Upvotes: 1

Nathan Campos
Nathan Campos

Reputation: 29507

I suggest you to use a dynamic width, like this:

<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>

And use it like this: onclick="autoWidth()"

Upvotes: 0

Related Questions