classe active with @html.ActionLink

Question

I'm having a problem to set the classes active with a specific color:

 @Html.ActionLink("Fr", "Index")| @Html.ActionLink("Eng", "Index")

I tried using a helpers but it does not work.

Answer 1

Mentioned below is the code making use of ViewContext.RouteData , also make sure you are applying the class="active" on the <li> tag and not the <a> tag

<ul class="nav navbar-nav">
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Index" ? "active" : "")">@Html.ActionLink("Home", "Index", "Home")</li>
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "About" ? "active" : "")">@Html.ActionLink("About", "About", "Home")</li>
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Contact" ? "active" : "")">@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>

Let me know if this helped