Adding a CSS class to razor @Html.DisplayFor

Question

I want to set a new class for this part of my code, but it doesn't work correctly

@Html.DisplayFor(model => model.melk.Code, new { @class = "myClass" } )

Can anyone tell me where am I wrong?

Rumi P. · Accepted Answer · 2014-10-14 16:48:50Z

10

Boris showed you the correct overload, but there is also the dead simple way to just change it to:

<span class="myClass">
    @Html.DisplayFor(model => model.melk.Code)
</span>

Personally, I find it simpler, so easier to remember and maintain, even if it's not so framework-specific.

answered Oct 14, 2014 at 16:48

Rumi P.

1,7574 gold badges24 silver badges33 bronze badges

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

Comments

Boris B. · Accepted Answer · 2013-09-08 15:40:18Z

3

The DisplayExtensions.DisplayFor overload that you are using will find the DisplayTemplate based on the type of the model.melk.Code and the last parameter (anonymous object new { @class = "myClass" } will be passed to the template's ViewData. You have to use that ViewData in the corresponding template in order for it to work.

<div class="@(ViewData["class"])"...

answered Sep 8, 2013 at 15:40

Boris B.

5,0341 gold badge32 silver badges60 bronze badges

Collectives™ on Stack Overflow

Adding a CSS class to razor @Html.DisplayFor

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related