Progress Telerik UI for ASP.NET Core

ASP.NET Core Menu

Name: UI for ASP.NET Core
Brand: Telerik
Rating: 8.8 (67 reviews)

Allow users to move around your app pages quickly and efficiently with our ASP.NET Core Menu component. Add icons, images and custom templates and choose between a horizontal and vertical menu.
This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.

Download Free Trial

Overview

The Telerik UI for ASP.NET Core Menu is a navigational component that displays hierarchical data as a multi-level menu. You can easily implement and customize the component as it provides rich styling for unordered lists of items that can be used for navigation and command execution. In addition to its built-in navigation capabilities, you can browse through the Menu items and their children, define templates for the individual nodes, render text and icons/images and respond to events.

Check out the Telerik UI for ASP.NET Core Menu demo
Data Binding
The Menu component provides three different options for data binding:
- Items binding enables you to manually define the properties of each item
- Model binding populates menu items dynamically from the server and you can bind the items’ attributes to fields from the Model passed
- Binding to remote data enables you to bind the Menu to a server endpoint that returns the items collection for the Menu
Learn more about binding the Menu to remote data
Direction

Displaying items from the bottom side of the menu is not always the best, that is why the component offers several direction options. You can set the component to display its items from the left, right, top or bottom, or give it a custom direction by specifying the direction for the root and the child items.

See Demo
Orientation and Scrolling

The Menu component can be oriented either horizontally or vertically. In both scenarios, if the Menu includes a large number of items which do not fit on the screen, you can enable scrolling by setting the Scrollable property to true. This would let users get to the menu item they desire by simply scrolling with their mouse.

See the ASP.NET Menu Scrolling demo
Images

The component provides an option to render custom content such as images and sprites in the menu items. In that way, you can easily customize the Menu in your project and give it a more colorful and sophisticated look.

See Demo
Animation Effects

For a better UX, you can add animation effects to the Menu component. You can choose from Toggle, Slide or Expand animation and you can set open/close delay.

See Demo
Menu in Razor Pages

The Menu component is one of the many controls in the ASP.NET Core suite that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository.
Context Menu

Configure the ASP.NET Core Menu component to act as a Context Menu by specifying a target element for it and alignment. Also, via a single option, you can define whether it will be displayed on right click (default) or upon another user action. You can add a list of items to a context menu, create multilevel menus and attach event handlers to the menu items for seamless integration with other controls.

Check out the ASP.NET Core Context Menu
Events

The Menu component features various items, some of which might not be linked to a certain URL. However, to ensure the application can react to user actions, the Telerik UI for ASP.NET Core Menu fires various events, such as Opened, Closed, Selected, Disabled, Activated and more.

Check out all ASP.NET Core Menu events
Templates

Define the exact look and feel of your application's navigation menu using Menu Templates which can be defined on an item-by-item basis to provide a fully customized appearance.
HTML and Tag Helpers

The Telerik for ASP.NET Core Menu comes with two options for implementation—using HTML or Tag Helpers. You can also use them to help you with the Context Menu.

See the documentation on Tag Helpers
RTL Support

The Telerik UI for ASP.NET Core Menu component supports right-to-left scripts. You can easily initialize the RTL support feature by adding k-rtl to the div class.
Accessibility

The ASP.NET Core Menu component can be used in any application where accessibility is an important factor as it is Section 508 and WCAG Guidelines compliant.
Keyboard Navigation

The Telerik UI for ASP.NET Core Menu component is one of the many in the suite with out-of-the-box keyboard navigation support. This allows users to easily navigate the component using only a keyboard. To see the supported keys and user actions, check out this demo.
Theming

The Menu component has 20+ built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of the out-of-the-box themes with a few lines of CSS to match your customer’s design requirements or create new themes by using the Telerik SASS ThemeBuilder application.