New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core PanelBar Images
- 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 MVC PanelBar enables you to add images and sprites to each item to visually communicate its purpose to the users. For example, you can set the image URL through the ImageUrl()
method, as demonstrated in this example where the items of the first PanelBar are rendered with an image and some text.
Rather than including each image as a separate image file, you can set a single image with CSS by utilizing the background-image
property, and specify the respective sprite CSS class for each item by utilizing the SpriteCssClasses()
option. In this way, the total number of HTTP requests will be reduced. In the current example, the second PanelBar uses sprites.