Get ASPNET Core Razor Page name in _Layout file to update navigation items

Question

Using Bootstrap 4 and need to add the active class to navigation items to reflect current Razor page (new razor pages in Core 2.0). How can I find out which page/controller I am on so I can add the active class name to the proper:

...

Thanks.

Update: I was able to solve this with the following code in my page initializer:

@{
    var _action = this.Url.ActionContext.ActionDescriptor.DisplayName;
    var NavDashboard = "/abc";
    ...
}

Then I can add the "active" class in each nav items like:

Dashboard

Rinse and repeat for each nav item.

user_540537 · Answer

I'd go with a custom tag helper to add the active class to an element.

I forked Ben Cull's ActiveRouteTagHelper for MVC and modified it for Razor Pages and called it ActivePageTagHelper. It's used similarly to his, like this:


    
        Home
        About
        Contact

Get ASPNET Core Razor Page name in _Layout file to update navigation items

1 Answers