Place a css class in a div using MVC and Razor

Question

I have used following code to add css class:

<div id="123" class="tab-pane @{ if (some_condition) { Html.Raw("active"); }; } ">

But it did not work.

I hope for this result:

<div id="123" class="tab-pane active">

Just a note. If you know the condition, why not handle this in the controller and return the proper value in the Model for the View. — John Hartsock
– John Hartsock, Commented Dec 17, 2013 at 18:23

Becuzz · Accepted Answer · 2013-12-17 18:39:09Z

9

@MichaelPerrenoud's answer is close. You need to wrap the whole conditional in parenthesis.

Using @() tells razor to output a string. So

<div id="123" class='tab-pane @(condition ? "active" : "")'>

answered Dec 17, 2013 at 18:39

Becuzz

6,86728 silver badges39 bronze badges

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

1 Comment

haim770 Over a year ago

No need for single-quotes. regular double-quotes will do.

Mike Perrenoud · Accepted Answer · 2013-12-17 18:08:58Z

0

I believe you may be wanting to do this:

<div id="123" class='tab-pane @some_condition ? "active" : ""'>

answered Dec 17, 2013 at 18:08

Mike Perrenoud

68.1k32 gold badges167 silver badges238 bronze badges

2 Comments

Mike Perrenoud Over a year ago

@user3112333, if this fixed it for you please consider up voting and marking it as the answer. I'm glad I could be of assistance!

Accorsi Over a year ago

Thank you, but this way you suggested did not work. Do you know any other solution?

user2167382 · Accepted Answer · 2013-12-17 18:09:21Z

0

you can add javascript code

    <script>
       @if(true)
       $('#123').addClass("active");
    </script>

answered Dec 17, 2013 at 18:09

user2167382

3461 gold badge3 silver badges14 bronze badges

1 Comment

Accorsi Over a year ago

Thank you! So will works! But I would not use javascript at the moment. Do you know any other solution?

James Harcourt · Accepted Answer · 2013-12-17 19:09:39Z

0

This should do it:

<div id="123" class="tab-pane @if (some_condition) { <text>active</text>  }">

edited Dec 17, 2013 at 19:09

answered Dec 17, 2013 at 18:34

James Harcourt

6,4395 gold badges27 silver badges50 bronze badges

Collectives™ on Stack Overflow

Place a css class in a div using MVC and Razor

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Related