Cut off text with ellipsis in DropDownTree

[David]

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.

[Peter Milchev]

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