How to add a second css class with a conditional value in razor MVC 4

Question

While Microsoft has created some automagic rendering of html attributes in razor MVC4, it took me quite some time to find out how to render a second css class on an element, bas

Answer 1

You can add property to your model as follows:

    public string DetailsClass { get { return Details.Count > 0 ? "show" : "hide" } }

and then your view will be simpler and will contain no logic at all:

This will work even with many classes and will not render class if it is null:

with 2 not null properties will render:

if class1 is null