Cut off text with ellipsis in DropDownTree

2 posts, 0 answers
  1. David
    David avatar
    1 posts
    Member since:
    Apr 2018

    Posted 24 Nov 2020 Link to this post

    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.
  2. Peter Milchev
    Peter Milchev avatar
    898 posts

    Posted 27 Nov 2020 Link to this post

    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.

    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

Back to Top