Attribute css in @Html.EditorFor

Question

I have a textbox where I setup the class attibute css rounded.

I use this code:

 @Html.TextBoxFor(m => m.level, new { @class = "form-control rounded", @placeholder = "Level" })

When I run the browser renderizer this as:

 <input class="form-control rounded"  id="level" name="level" placeholder="Level" type="text" " />

If I change to:

@Html.EditorFor(m => m.level, new { @class = "form-control rounded", @placeholder = "Level" })

The browser rederizer as:

 <input class="text-box single-line"  id="level" name="level" placeholder="Level" />

There are a way to use rounded with @Html.EditorFor?

What is the benefit to use @Html.EditorFor?

EditorFor is for when you create a EditorTemplate and you want to reuse that partial view instead of using the default editor for the property type — JamieD77
– JamieD77, Commented Jun 24, 2016 at 18:45

Shashank Sood · Accepted Answer · 2016-06-24 18:46:48Z

1

TextBoxFor: It will render like text input html element corresponding to specified expression. In simple word it will always render like an input textbox irrespective datatype of the property which is getting bind with the control.

EditorFor: This control is bit smart. It renders HTML markup based on the datatype of the property. E.g. suppose there is a boolean property in model. To render this property in the view as a checkbox either we can use CheckBoxFor or EditorFor. Both will be generate the same markup.

What is the advantage of using EditorFor?

As we know, depending on the datatype of the property it generates the html markup. So suppose tomorrow if we change the datatype of property in the model, no need to change anything in the view. EditorFor control will change the html markup automatically.

answered Jun 24, 2016 at 18:46

Shashank Sood

4905 silver badges16 bronze badges

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

Comments

Grizzly · Accepted Answer · 2016-06-24 18:47:21Z

0

I think this is what you are looking for:

@Html.EditorFor(m => m.level, new { htmlAttributes = new { @class = "form-control rounded", @placeholder = "Level" }})

answered Jun 24, 2016 at 18:47

Grizzly

5,9559 gold badges63 silver badges117 bronze badges

Collectives™ on Stack Overflow

Attribute css in @Html.EditorFor

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related