New to Telerik UI for ASP.NET Core? Download free 30-day trial
Telerik UI for ASP.NET Core Template Basic Usage
- 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:
HTML HELPER APIDescription
The Telerik UI for ASP.NET Core Template component allows you to seamlessly nest multiple Telerik UI for ASP.NET Core components within other Telerik UI for ASP.NET Core components. You can incorporate it into components like Data Grid, ListView, TreeList, which often require complex layout templates, for example, column templates, custom editors, items layout, etc. On top of that, when using the Template component, it creates CSP-compatible templates.
The component supports HTML and Tag Helper mode. The HtmlHelper Template component provides the following options:
AddComponent()
—The method accepts any Telerik UI for ASP.NET Core HtmlHelper component declaration.AddHtml()
—The method acceptsHTML
code.
When using the Tag Helper approach, you can integrate the desired UI component and HTML
code within the <{parentTagName}-{templateOption}>
tag.
This specific example demonstrates how to utilize the Template component to customize the items of the ListView by integrating Cards, Ratings, and Buttons.