DropDownList

DropDownLists render predefined collections of alternatives and allow users to select a single value.

Usage Guidelines

The Telerik and Kendo UI DropDownList requires you to follow some basic principles when using the component.

Presented Information

Avoid using the DropDownList for data that is too familiar to users such as the day, month, or year of their birth. It is much easier to type in such data rather than finding the specific values within a long list of options. For such familiar types of data, use an Input component instead.

A Telerik and Kendo UI Input component for directly typing in the required year.
Use an Input component when the data is familiar to users.
A Telerik and Kendo UI DropDownList with a long list of years for the user to choose from.
Avoid using a large list of options for data than can be easily typed in.

Item Content

Consider the width of the DropDownList and keep the names of its options short and compact so that they fit within the component. Long item names that occupy multiple lines are hard to perceive and must be avoided.

A Telerik and Kendo UI DropDownList containing single-row options whose length elegantly fits the width of the component.
Keep the description of the DropDownList options as short as possible to improve readability.
A Telerik and Kendo UI DropDownList rendering long and wordy option descriptions spanning more than a single row.
Avoid using lengthy option descriptions because the text can get truncated and users will find it difficult to read.

Label

The label of the DropDownList provides a clear and concise description of its purpose, making it easier for users to interact with the interface and understand it. Always display a label unless the DropDownList is next to another component which already has a label. The label of the DropDownList can be set as part of the Telerik and Kendo UI Form component.

A Telerik and Kendo UI DropDownList with a clear and short label introducing a list of favorite sports.
Use clear and concise labels that accurately describe the purpose and function of the DropDownList.
A Telerik and Kendo UI DropDownList without a label supposedly introducing a list of sports.
Avoid using the DropDownList without a label as this compromises the intuitiveness of the component, leading to confusion and frustration.
Feedback