New to Kendo UI for Vue? Start a free 30-day trial
Templates
The DropDownList provides full control over the way an item or a popup header is rendered by using the Kendo UI templates.
Item Templates
The item template manages the way the list DropDownList items are rendered.
Example
View Source
Change Theme:
Header Templates
The header template manages the way the popup header of the DropDownList is rendered.
Example
View Source
Change Theme:
Footer Templates
The footer template manages the way the popup footer of the DropDownList is rendered. The footer is re-rendered on every change of the Data Source. The context of the template is the component itself.
Example
View Source
Change Theme:
No-Data Templates
The no-data template displays a noDataTemplate template in the popup when the data source is empty.
When the
noDataTemplateoption is defined, the component always opens the popup element.
Example
View Source
Change Theme:
