• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

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.