Increase the Width of a Dropdown List

Question

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

score 1 · Answer 1 · answered Nov 02 '09 at 14:27

1

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>

answered Nov 02 '09 at 14:27

rick schott

21,012
5
52
81

i did as you said; there is no change at alll – Nov 02 '09 at 15:06
1

Make you sure you rebuild your application and whilst in the browser press Ctrl+F5 to load your current CSS file. Cache is ***** like that. :P – Sep 01 '10 at 13:54

score 0 · Answer 2 · answered Nov 02 '09 at 13:27

0

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()"

answered Nov 02 '09 at 13:27

Nathan Campos

28,769
59
194
300

select1 is the dropdown value is it? – Nov 02 '09 at 13:29
Onclick event of dropdown? its says there is no onclick event for dropdown..or its a updatepanel onclick event? – Nov 02 '09 at 13:36
It's just an example, I use it for other things. – Nathan Campos Nov 02 '09 at 14:37

score 0 · Answer 3 · answered Jan 21 '15 at 17:33

0

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

answered Jan 21 '15 at 17:33

Vinoth Narayan

275
2
15

score 0 · Answer 4 · answered Sep 01 '10 at 13:52

0

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

answered Sep 01 '10 at 13:52

kralco626

8,456
38
112
169

Increase the Width of a Dropdown List

4 Answers4