Example of Template in ASP.NET Core Dropdown List Control

This sample demonstrates the template functionalities of the DropDownList. Click the DropDownList element and select an item from the customized list.

DEMO

SOURCE

The DropDownList has been provided with several options to customize each list items, group title, selected value, header and footer elements.

This sample uses the following list of templates in DropDownList

ItemTemplate - To customize the list item's content.
ValueTemplate - To customize the value element content that holds the selected item's text.
HeaderTemplate - To customize the header element.

More information on the template feature configuration can be found in the documentation section.