New to Telerik UI for Blazor? Download Free 30-day trial
MultiSelect - Templates
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Configurator
Tag Mode
Multiple- Templates.razor
- CustomerService.cs
- CustomerDto.cs
Loading the demo source code...please wait.
Description
The MultiSelect provides various templates to let you customize the rendering of its elements.
The ItemTemplate controls the rendering of the items in the dropdown, while the TagTemplate targets the selected items in the input. You can add header and footer in the dropdown through the HeaderTemplate and FooterTemplate. Use the NoDataTemplate to customize the dropdown message when there are no items to display.
The current demo showcases a sample MultiSelect with all of its available templates. Check the box in the configurator to clear the data, so you can see the NoDataTemplate in action.
This MultiSelect Templates example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.