New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core Menu Icons
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API HTML HELPER APIDescription
The Telerik UI for ASP.NET Core Menu allows you to specify icons for its items.
When the Menu items are defined by using the Items()
configuration, to define the desired icon for each item, use the Icon()
option.
When the Menu is configured for remote data binding, specify the Model property that provides the icon's name through the DataIconField()
option.
Also, you can define the position of the icons in its items by using the IconPosition()
option. By default, when the Menu item contains an icon, the icon is positioned before the text.
This demo shows how to display Kendo UI icons in the Menu's items and how to control their position.