New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core TreeView 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 Core TreeView enables you to add images to each of its nodes and improve the user experience. For example, you can set the image URL through the ImageUrl()
method as demonstrated in this example, which will render the nodes of the first TreeView with an image and text.
Another option is to use sprites. Sprites are a collection of image files combined into a single file that is loaded on the page with the background-image
CSS property. Then, specify the respective sprite CSS class for each node by using the SpriteCssClasses()
method. As a result, the sprite images will be loaded on the page through a single HTTP request. The second TreeView in this example is implemented with sprites.