Progress 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 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.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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
    Telerik UI for ASP.NET Core
  • 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
    Telerik UI for ASP.NET Core Data Binding
  • 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
    Telerik UI for ASP.NET Core Menu - Scrolling
  • 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.  

    Telerik UI for ASP.NET Core Menu - Images
  • 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.  
  • 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
    Telerik UI for ASP.NET Core Menu - 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.  

    Telerik UI for ASP.NET Core 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.


    Telerik UI for ASP.NET Core Menu - Templates
  • 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.  

    Telerik UI for ASP.NET Core
  • 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.  
    Telerik UI for ASP.NET Core
  • 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.  
    Telerik UI for ASP.NET Core Keyboard navigation
  • 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. 
    Telerik UI for ASP.NET Core Menu - Theming
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.