Telerik UI for ASP.NET Core
ASP.NET Core Menu
- 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 110+ 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.
-
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
-
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.
-
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.
-
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. -
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.
-
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.
-
Security Trimming
The UI for ASP.NET Core Menu component includes a feature that allows hiding menu items from unauthorized access. The feature can be enabled through a single property called SecurityTrimming and relies heavily on ASP.NET Core Authorization.
-
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.
-
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 several built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). 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.
Next Steps
See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.
Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.
Try Telerik UI for ASP.NET Core with dedicated technical support.