Edit this page

Crop DropDownList Text

Environment

Product Progress Kendo UI DropDownList
Operating System All
Browser All
Browser Version All

Description

How can the I crop the text of items in a DropDownList and show an ellipsis if they are longer than the width of the drop-down?

Solution

Use the white-space, overflow, and text-overflow CSS properties.

li.k-item {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

For the full implementation, refer to this Dojo example.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy