ASP.NET MVC and @Html.RowFor(x => x.Name) how to add CSS

Question

Now I have code like:

@Html.RowFor(x => x.Name)

but I want to ocnvert it to my template like:

<div class="control-group">
<label class="control-label" for="focusedInput">Name</label>
<div class="controls">
<input class="input-xlarge focused" id="Name" type="text" value="Name">
</div>
</div>

How can I add all the classes?

@mxmissile Exactly, what I thought at first? But then, I thought maybe its a control I've never heard of. But on googling it, I couldn't find anything, which suggests me there is no such thing!! — Satwik Nadkarny
– Satwik Nadkarny, Commented Jun 23, 2014 at 21:58

Rodney G · Accepted Answer · 2014-06-23 20:03:53Z

2

Adding classes can be done like so:

@Html.RowFor(x => x.Name, new { @class="control-group other-class" })

answered Jun 23, 2014 at 20:03

Rodney G

4,8461 gold badge18 silver badges15 bronze badges

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

Comments

Satwik Nadkarny · Accepted Answer · 2014-06-23 21:55:22Z

1

When making use of razor syntax, you can add html attributes as such:

@HtmlSomeControl(x=> x.Whatever, new { id="idNameOfControl", @class="classNameOfControl" })

So your code would be essentially become:

@Html.LabelFor(x => x.Name, new { @class="control-group control-label" )
@Html.DropDownListRowFor(x => x.SelectedCountryId, Model.Country.ViewModel.Countries, new { @class="controls input-xlarge focused")

Hope this helps!!

edited Jun 23, 2014 at 21:55

answered Jun 23, 2014 at 20:11

Satwik Nadkarny

5,1432 gold badges26 silver badges41 bronze badges

3 Comments

senzacionale Over a year ago

Thx but I get Compiler Error Message: CS1501: No overload for method 'RowFor' takes 2 arguments

Satwik Nadkarny Over a year ago

I'm not sure if @Html.RowFor control exists then (google search doesn't show as well). All razor elements do have extension methods for specifying html attributes.

Satwik Nadkarny Over a year ago

Anyway, I've updated my answer considering all you want to show is a label for displaying "Name" property.

BenG · Accepted Answer · 2014-06-23 21:52:57Z

0

<div class="control-group">
@HtmlLabelFor(x => x.Name, new { @class="control-label" })
<div class="controls">
 @HtmlTextBoxFor(x => x.Name, new {@class="input-xlarge focused", @id="Name" })
</div>
</div>

answered Jun 23, 2014 at 21:52

BenG

15.2k5 gold badges48 silver badges62 bronze badges

1 Comment

BenG Over a year ago

Down vote? There is no @Html.RowFor... There is a label and a text box in divs.

Collectives™ on Stack Overflow

ASP.NET MVC and @Html.RowFor(x => x.Name) how to add CSS

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related