C# ASP.NET How to modify CSS class via code-behind

Question

So just like the title, how to modify the CSS class via code-behind? For example the following code

                    <li class="active"><a href="pages-messages.html"><span class="fa fa-comments"></span> Messages</a></li>
                    <li><a href="pages-calendar.html"><span class="fa fa-calendar"></span> Calendar</a></li>
                    <li><a href="pages-tasks.html"><span class="fa fa-edit"></span> Tasks</a></li>
                    <li><a href="pages-content-table.html"><span class="fa fa-columns"></span> Content Table</a></li>
                    <li><a href="pages-faq.html"><span class="fa fa-question-circle"></span> FAQ</a></li>
                    <li><a href="pages-search.html"><span class="fa fa-search"></span> Search</a></li>

The code above is navigation for my HTML page and the first line has li class="active", how to change it into just li and the second row which is pages-calender change it into li class="active" ?

Thanks

are you using web forms or MVC?

Jeric Cruz
– Jeric Cruz

2017-07-09 16:37:14 +00:00
Commented Jul 9, 2017 at 16:37 — Jeric Cruz
– Jeric Cruz, Commented Jul 9, 2017 at 16:37

Pavel Dmitrenko · Accepted Answer · 2017-07-09 16:47:02Z

5

If you are using WebForms, then add runat="server" attributes and set unique id attribute for each li tag you need to modify in code-behind. Addition of this tags is needed to enable programmatic access from code-behind to the HTML element.

For example:

<li runat="server" id="PagesMessages" class="active"><a href="pages-messages.html"><span class="fa fa-comments"></span> Messages</a></li>
<li runat="server" id="PagesCalender"><a href="pages-calendar.html"><span class="fa fa-calendar"></span> Calendar</a></li>

Then in code-behind:

PagesMessages.Attributes["class"] = string.Empty;
PagesCalender.Attributes["class"] = "active";

edited Jul 9, 2017 at 16:47

answered Jul 9, 2017 at 16:41

Pavel Dmitrenko

3102 silver badges7 bronze badges

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

Collectives™ on Stack Overflow

C# ASP.NET How to modify CSS class via code-behind

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related