This is a migrated thread and some comments may be shown as answers.

Cut off text with ellipsis in DropDownTree

1 Answer 15 Views
DropDownTree
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 24 Nov 2020, 04:21 PM
I have a RadDropDownTree. The tree exists within a table and uses a percentage width. If the selected text property is longer than the allowed width, the control just grows to accommodate that text. I need it to cut off the text and just use an ellipsis at the end like text-overflow: ellipsis. Does anyone know how to get this to work for the RadDropDownTree? I don't care about the width of the actual dropdown, just the selected text portion. It looks like that is either rddtFakeInput or rddtInner but neither of those seem to make the text overflow instead of just allowing the control to expand. I cannot use a hard pixel width - it has to be a percentage width.

1 Answer, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 27 Nov 2020, 01:08 PM

Hello David,

I have tested the described scenario where the RadDropDownTree is with width 100% and its parent DIV element is with style width: 30%. Then, when the browser width narrows, both the selected text or the Empty message get cut off with an ellipsis. 

If that is not your scenario, please modify the attached project to replicate the issue you describe and attach it to an official support ticket. That would allow us to investigate locally your exact scenario and help you more efficiently.

Regards,
Peter Milchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
DropDownTree
Asked by
David
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question
or