• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Template in ASP.NET Core Dropdown Tree Control

This sample explains you about the template functionalities of the Dropdown Tree. Click the Dropdown Tree element, and then select an item from the customized list.

DEMO
SOURCE

The Dropdown Tree has been provided with several options to customize each list items, header, and footer elements.

This sample uses the following list of templates in the Dropdown Tree

  • itemTemplate - To customize the list item's content.
  • headerTemplate - To customize the header element.
  • footerTemplate - To customize the footer element.
  • valueTemplate - To customize the selected item's element.
Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab