Highlighting the selected item

[Jean]

What is the simplest way to hightlight the selected top level menu item using the Server Side Kendo Menu MVC Helper? The default behaviour does not highlight the selected item.

All I have is

@(Html.Kendo().Menu()
					.Name("menu")
                                    .Items(menu =>
                                    {
                                        menu.Add().Text("Home").Action("Index", "Home");
                                        menu.Add().Text("About").Action("About", "Home");
                                    }).Events(events => events.Select("onSelect"))
                    )

in my Layout.cshtml razor page. A small sample project would be ideal, if there is no simple way to hightligh the selected item.

Any help would be appreciated.
Thanks
Jean

[Petur Subev]

Hi Jean,

There is an option called .HighlightPath(true). If you enable it the items in your menu which are related to the current URL will be highlighted.


Regards,
Petur Subev
the Telerik team

[Jean]

Petur,

That does not work unfortunately. If you create a clean Kendo UI for MVC Extensions project (using the Template from nuget) and you add the method, the menu does NOT highlight your selection.

Am I missing something? (e.g. Does the menu need a sitemap?)

If you could provide a really simple sample I would appreciate it.

Thanks again.
Jean