• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
Essential JS 2
All Controls

Example for 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.


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.