Multiple CSS classes in an html element ASP.NET MVC 3

Question

I know it is possible to have multiple CSS classes in an element, but I was wondering if it was possible to select which class to use by using a razor if statement?

So something like this (pseudo code)

<div @if( num items in Model ==0){
         class="Error";
       } else
        class ="home"; >

I would think that this would be possible, if anyone has some ideas I would appreciate their help!

Thanks in advance

Darin Dimitrov · Accepted Answer · 2011-08-01 13:47:26Z

6

<div class="@(Model.Count() == 0 ? "Error" : "home")">

But that looks ugly to me. I would probably write a custom HTML helper if I had to repeat this logic over my views.

answered Aug 1, 2011 at 13:47

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

2 Comments

Neil Knight Over a year ago

Nice and clean in comparison to my long winded way.

user631063 Over a year ago

Thanks @Darin, looks pretty clean to me as well. It definitely got the job done for me.

Collectives™ on Stack Overflow

Multiple CSS classes in an html element ASP.NET MVC 3

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related