New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core PanelBar Templates
- 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 SERVER-SIDE APIDescription
Many use cases require a customized look and feel or to display an option differently based on a specific condition. For example, if you have a PanelBar bound to remote data, you may need to flag some of the items based on the value of a specified Model
property. In such scenarios, it comes in handy to use a custom template to modify the appearance of each PanelBar item dynamically.
This demo shows how to render the PanelBar items through an external Kendo UI Template by using an if-else
statement to identify the child items and add a Delete link or icon. The logic for deleting child items is implemented with jQuery after the PanelBar initialization.