Css class not working for Asp.Net MVC dropdownlist

Question

I am trying to apply css class for asp.net mvc dropdown list. It works for editorfor case but not for dropdownlistfor case. What may be the missing part from my code?

Working css class for dropdown

@Html.EditorFor(model => model.role, new { htmlAttributes = new { @class = "form-control" } })

failing css class for drowdown

@Html.DropDownListFor(model => model.role, new SelectList((IEnumerable)ViewData["Roles"], "role1", "role1"), new { htmlAttributes = new { @class = "form-control" } })

new { @class = "form-control" } not new { htmlAttributes = new { @class = "form-control" } } — user3559349
– user3559349, Commented Mar 20, 2018 at 2:45
Just use new { @class = "form-control" } for DDLF CSS attribute, because EditorFor doesn't have htmlAttributes but DDLF has it. — Tetsuya Yamamoto
– Tetsuya Yamamoto, Commented Mar 20, 2018 at 2:46

RickL · Accepted Answer · 2018-03-20 02:55:18Z

3

//DropDownListFor: modelItem, selectList, optionLabel, htmlAttributes
//EditorFor: modelItem, additionalViewData

If you "right click" the code and peek definition (in Visual Studio) you'll see the definitions. So if you use this, it should work:

@Html.DropDownListFor(model => model.role, new SelectList((IEnumerable)ViewData["Roles"], "role1", "role1"), null, new { @class = "form-control" })

answered Mar 20, 2018 at 2:55

RickL

3,42410 gold badges42 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kurkula Over a year ago

,null with overload is really interesting. Thanks.

RickL Over a year ago

If you put in "--- please select ---" instead of null, you'll see it's purpose in the dropdown.

Collectives™ on Stack Overflow

Css class not working for Asp.Net MVC dropdownlist

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related