Add Css class to div from controller C#

Question

What would be the best way to add/remove a css class to a div from the controller?

I have a div in a razor view like so (simplified)

<div id="divToToggle" class="hidden">
     //content
</div>

In my controller, depending if there is content or not, I want to add or review that class="hidden".

if (model.name.HasAValue())
{
    model.company = Method();
    //Toggle div to visible here.
}

I have thought about making a new property in the model and setting that value and then in the razor view doing like class="@Model.CssName" However, I have numerous tabs to deal with and don't want to clutter the model up with another set of css properties. What would be the most efficient way to do this?

Kirill Bestemyanov · Accepted Answer · 2012-10-17 17:42:40Z

4

In view you can do:

<div id="divToToggle" class=@(model.name.HasAValue()?"hidden":"visible")> 
 //content 
</div>

edited Oct 17, 2012 at 17:42

answered Oct 17, 2012 at 16:55

Kirill Bestemyanov

12k2 gold badges26 silver badges38 bronze badges

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

1 Comment

Adam Over a year ago

When I try that I get that the is no extension method HasValue(). Do you mean HasAValue() and then include @using TrafficBlazer.Mvc.Application.HtmlHelpers.Extensions; in viewstart?

Sheriff · Accepted Answer · 2019-09-27 18:45:38Z

0

You can also add class, if you have array of class and you want to append in foreach loop

<div class="panel @arrayClass[count1] panel-stat">
</div>

If you have class returning from model

<div class="panel @model.class panel-stat">
<div>

Or you can also use if condition or ternary operator as per your requirement you can do what you want to achieve.

answered Sep 27, 2019 at 18:45

Sheriff

8762 gold badges11 silver badges21 bronze badges

Collectives™ on Stack Overflow

Add Css class to div from controller C#

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related