ListBox

The ListBox component displays a list of items and allows selection, reordering, and transfer between two or more list boxes.

Usage Guidelines

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

Label

Providing clear and concise labels for ListBox content boxes is crucial for the effective communication within your interface.

A Telerik and Kendo UI ListBox with labels
Use a clear and concise label for the ListBox content box to help users quickly understand the purpose of the list and its contents.
A Telerik and Kendo UI ListBox without labels
Avoid omitting the ListBox label as this can cause confusion and fail to communicate what the list represents.

Item Content

Consider the width of the list and keep the names of its options short and compact so that they fit within the ListBox's content box.

A Telerik and Kendo UI ListBox using list items with the correct length
Consider the length of the list items and ensure they fit the content box and are readable.
A Telerik and Kendo UI ListBox using too long list items.
Avoid using lengthy list items that disregard the size of the ListBox's content box as this can result in text truncation, making it difficult for users to read and comprehend.
Feedback