DropDownTree

The DropDownTree component allows you to select a single value from a hierarchical list of predefined options.

Usage Guidelines

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

Presented Information

Avoid using the DropDownTree for data that is familiar to users, such as the day, month, or year of their birth. The user can type in such data faster than finding the specific values within a hierarchical list of options. For familiar types of data, use an Input component instead.

A Telerik and Kendo UI Input component used instead of the DropDownTree
Use an Input component when the data is familiar to users.
A Telerik and Kendo UI DropDownTree component used incorrectly to represent familiar information
Avoid using a hierarchical list of options for data that can be easily typed in.

Item Content

Consider the width of the DropDownTree and keep the names of its options short and compact so that they fit within the component. Long item names that get truncated are hard to perceive and must be avoided.

A Telerik and Kendo UI DropDownTree component including options with compact names
Keep the description of the DropDownTree options as short as possible to improve readability.
A Telerik and Kendo UI DropDownTree component with too long option names
Avoid using lengthy option descriptions because the text can get truncated and users will find it difficult to read.

Label

The label of the DropDownTree 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 DropDownTree is next to another component which already has a label. The label of the DropDownTree can be set as part of the Telerik and Kendo UI Form component.

A Telerik and Kendo UI DropDownTree component with a label
Use clear and concise labels that accurately describe the purpose and function of the DropDownTree.
A Telerik and Kendo UI DropDownTree component missing a label
Avoid using the DropDownTree without a label as this compromises the intuitiveness of the component, leading to confusion and frustration.
Feedback