UI for ASP.NET MVC
ASP.NET MVC Menu
- Allow users to move around app pages quickly and efficiently with the Telerik ASP.NET MVC Menu component. Add icons, images and custom templates and choose between a horizontal and vertical menu.
- Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms and more!
-
Overview
The Telerik UI for ASP.NET MVC Menu component provides a lightweight, SEO-friendly menu navigation and a stand-alone context menu control. Flexible and easy-to-customize, the MVC Menu makes setting vertical or horizontal orientation and defining custom templates a breeze.
-
Data Binding
The ASP.NET MVC Menu component provides several data binding options:- Items binding
- Sitemap binding
- Model binding (in such case you can bind the attributes of the items to fields from the Model passed, thus apply client-side logic on item selection)
- Binding to Remote data
-
Direction
Depending on the needs of your project, you can choose to display the Menu options in four ways: bottom (default), left, right or top. If these options aren’t enough, you can always specify a custom direction for the root and child items.
Check out the ASP.NET MVC Menu Direction options -
Orientation and Scrolling
The Menu component can be configured with either vertical or horizontal orientation. If in any of those cases if there are too many items that cannot fit on the screen, you have the option to enable the scrolling option by setting the Scrollable property to true.
-
Images
The ASP.NET MVC Menu makes it easy to add images from URLs or from CSS sprite sheets to enhance the visual appeal of your navigation.
-
Animation Effects
The component has three different animation options you can choose from toggle, slide and expand. For further customization of animation, you can specify an open/close delay of the effect. -
Context Menu
Configure the MVC 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 another user action.
-
Templates
Define the exact look and feel of how you want the navigation in your application to look. The templates can be defined on an item-by-item basis to provide a fully customized appearance.
-
Security Trimming
By default, the Menu comes with a built-in security trimming option. This control depends on the ASP.NET MVC Authorization. Authorize Attribute either allows or forbids a certain request, and depending on the result, the Menu can hide an item in the cases where the method has returned an unauthorized result.
Read more about the Telerik UI for ASP.NET MVC Menu Security Trimming -
Events
The Menu component features various items, some of which might not be linked to a certain URL; however, you still want the application to react to user actions. That is why the Telerik UI for ASP.NET MVC Menu fires various events OnClick and OnHover, some of them include Opened, Closed, Activated, Deactivated, Selected and more.
-
RTL Support
RTL support is available for this, as well as many other components part of the Telerik UI for ASP.NET MVC suite. You can easily initialize the RTL support feature by adding k-rtl to the div class.
-
Accessibility
The ASP.NET MVC Menu component can be used in any application where accessibility is an important factor as it is Section 508 and WCAG 2.1 Guidelines compliant.
-
Keyboard Navigation
The Menu is one of the many components in the Telerik UI for ASP.NET MVC suite with keyboard navigation support. To see a full list of supported keys and the user actions they lead to check out this demo.
-
Theming
The ASP.NET MVC Menu component has multiple built-in themes and swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS to match your customer’s design requirements, or you create new themes by using the Pogress SASS ThemeBuilder application.
