New to Telerik UI for Blazor? Download Free 30-day trial

MultiSelect - Templates

Configurator

Tag Mode




  • Templates.razor
  • CustomerService.cs
  • CustomerDto.cs
Loading the demo source code...please wait.
Style in ThemeBuilder
  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming

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. Use the SummaryTagTemplate to customize the summary tag displayed in Multiple Tag Mode and in Single Tag Mode when the selected items exceed the configured MaxAllowedTags.

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 Blazor 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.

Support & Learning Resources
An error has occurred. This application may no longer respond until reloaded.