Set css multiple class runtime in tag in asp.netcore mvc page

Question

I have a cshtml page where at page level i have a variable active having css class names. I want to set this variable in a button tag in the same page.

@{
    ViewData["Title"] = "Title";
    var active ="nav-link active";   
}   

<button class=@active id="nav-experience-tab" ... ...

But the output is:

<button class="nav-link" active="" id="nav-experience-tab"

Second way:

var active ="class='nav-link active'";
<button @active id="nav-experience-tab" ... ...

output is:

<button class="'nav-link" active&#x27;="" id="nav-experience-tab"

Third way:

var active ="class=nav-link active";
<button @active id="nav-experience-tab" ... ...

output is:

<button class="nav-link" active="" id="nav-experience-tab"

Is there anyway to get the below?

<button class="nav-link active" id="nav-experience-tab"

Xinran Shen · Accepted Answer · 2022-09-07 07:18:32Z

2

You can set like this:

@{
    var active ="nav-link active";
}

<button class="@active" >click</button>

Demo

answered Sep 7, 2022 at 7:18

Xinran Shen

10.2k2 gold badges7 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Set css multiple class runtime in tag in asp.netcore mvc page

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