Select (highlight) the current page in the Menu

RELATED TO:

AUTHOR: Peter Milchev

DATE POSTED: December 14, 2017

Description 


When the client navigates to a page, if there is an item with NavigateUrl equal to the path in the address bar, it should be highlighted. 
 

How to achieve it:


This functionality comes out of the box for Menu bound to a SiteMapDataSource. This is because only in this scenario the NavigateUrl is automatically populated. For other databinding scenarios, the NavigateUrl should be populated by setting the DataNavigateUrlField property. 

Then, in the ItemDataBound event show the path to the item if its NavigateUrl is the same as the Request.Path property. 

protected void RadMenu1_ItemDataBound(object sender, RadMenuEventArgs e)
{
    RadMenuItem item = e.Item;
    string path = item.NavigateUrl;
 
    if (string.Equals(path, Request.Path, StringComparison.OrdinalIgnoreCase))
    {
        item.HighlightPath();
    }
}

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.