How to change width of html.DropDownListFor()

Question

I have small design question about

html.DropDownListFor() 

How can I change width of html.DropDownListFor() ?? For example by css.

Thanks for answers

Lollygag

Answer 1

Have you tried Html.DropDownListFor( new {width:"100"})

or Html.DropDownListFor( new {@class:"longDropdownList"})

EDIT

<style>
    .MakeWide { width: 200px; }
</style>

<%= Html.DropDownListFor(x => x.Name, new SelectList(new List<string>()), new { @class = "MakeWide" })%>

Moreau

@Peter M, see my edit. I have tested this and it works. If it doesn't work on yours then we have another type of problem. Possibly another style is setting the width of all <select input boxes. – Moreau

Answer 2

@Html.DropDownListFor(x => x.Name, new SelectList(new List<string>()), new {style="width:270px;"} );

Will do the thing. Although better to use css class

Splotch

This works for me to adjusting the width. However, how to change the height? I tried to add "width=270px;height=50px" and see no effect on height, why? – Fonda

Answer 3

In C# you need add @, like this:

new { @style = "width: 350px;" }

Georgetta

In C# you only need the @ symbol for reserved words. Style is not a reserved word in C# and therefore doesn't need it. – Lewse

Answer 4

If you are using Bootstrap it sets the max width to 280px in site.css.

You probably don't want to change that so to override it for individual controls set:

new { style = "max-width:100%;width:350px" }

Lewse