ASP.NET MVC: Highlighting current link

Question

I need to highlight current link in menu, But structure of HTML is look like below:

<li class="active">
    <a href='@Url.Action("MainPage", "Ticket")'>
        <i class="fa  fa-fw fa-home"></i>
        HomePage
    </a>
</li>

I know there are many different solutions to do that (+, +):

public static MvcHtmlString MenuLink(
            this HtmlHelper helper,
            string text, string action, string controller)
        {
            var routeData = helper.ViewContext.RouteData.Values;
            var currentController = routeData["controller"];
            var currentAction = routeData["action"];

            if (String.Equals(action, currentAction as string,
                      StringComparison.OrdinalIgnoreCase)
                &&
               String.Equals(controller, currentController as string,
                       StringComparison.OrdinalIgnoreCase))
            {
                return helper.ActionLink(
                    text, action, controller, null,
                    new { @class = "active" }
                    );
            }
            return helper.ActionLink(text, action, controller);
        }

But my HTML structure is a little bit different.
How can I do that?
Any idea?

What was your question, have you tried those different solutions? — ramiramilu, Feb 03 '15 at 05:51
Whats so different? Just modify the code to return the html you want. — , Feb 03 '15 at 05:54
As I said, just return what you want rather that `return helper.ActionLink(text, action, controller);`. Use `TagBuilder` to generate the ``, `` and `

Sirwan Afifi · Accepted Answer · 2015-02-04T08:53:35.240

Finally I changed the code this way and it works: (Thanks to @Stephen Muecke)

public static MvcHtmlString MenuLink(
            this HtmlHelper helper,
            string content, string action, string controller)
        {
            var routeData = helper.ViewContext.RouteData.Values;
            var currentController = routeData["controller"];
            var currentAction = routeData["action"];

            var builder = new TagBuilder("li")
            {
                InnerHtml = content
            };
            if (String.Equals(action, currentAction as string,
                      StringComparison.OrdinalIgnoreCase)
                &&
               String.Equals(controller, currentController as string,
                       StringComparison.OrdinalIgnoreCase))
            {
                builder.AddCssClass("active");
                return MvcHtmlString.Create(builder.ToString());
            }
            return MvcHtmlString.Create(builder.ToString());
        }

ASP.NET MVC: Highlighting current link

1 Answers1