Create CSS class name dynamically?

Question

I want to do something like this:

View

<td class="[email protected]">
      @Model.Description
</td>

CSS

<style type="text/css">
    .status_True
    {
        background-color: Red;
    }
    .status_False
    {
        background-color: Green;
    }
</style>

@Model.IsActive is return True or False. Of course this code is not working.

Html output of class is : class="[email protected]"

My expected output is : class="status_True"

Is this possible to do something like this logic? If is possible, How can I do? Or another way to change css class? There may be different ways.

Thanks.

You can do this with CSS, maybe this article will help you.

Dmytro Zarezenko
– Dmytro Zarezenko

2012-08-29 14:06:35 +00:00
Commented Aug 29, 2012 at 14:06 — Dmytro Zarezenko
– Dmytro Zarezenko, Commented Aug 29, 2012 at 14:06

jrummell · Accepted Answer · 2012-08-29 14:10:42Z

9

Razor syntax takes some getting used to. Use parenthesis to get the actual property value:

<td class="status_@(Model.IsActive)">

Here's a quick reference from Phil Haack

answered Aug 29, 2012 at 14:10

jrummell

43.2k18 gold badges116 silver badges179 bronze badges

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

Collectives™ on Stack Overflow

Create CSS class name dynamically?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related