RadDropDownList AutoComplete Overlaps

5 posts, 0 answers
  1. Phil
    Phil avatar
    15 posts
    Member since:
    Oct 2012

    Posted 22 Feb Link to this post

    I'm using 2016 Q1 Jan and the VisualStudio2012Light theme. I'm using a RadDropDownList with AutoCompleteMode = SuggestAppend.

    I have a problem where if the values for the items in the list are very long then when you start typing and the suggestions appear then they overlap and make it very difficult to read.

    When viewing the items in the list normally there is no problem and the items have ellipses.

    Can you please assist?

  2. Phil
    Phil avatar
    15 posts
    Member since:
    Oct 2012

    Posted 22 Feb in reply to Phil Link to this post

    When not using any themes it works as expected. I tested randomly with other themes and VisualStudio2012Dark also displays incorrectly. TelerikMetroTouch works fine though.
  3. UI for WinForms is Visual Studio 2017 Ready
  4. Dess
    Admin
    Dess avatar
    1609 posts

    Posted 23 Feb Link to this post

    Hello Phil,

    Thank you for writing.

    I have logged it in our feedback portal. You can track its progress, subscribe for status changes and add your vote/comment to it on the following link - feedback item.

    I have also updated your Telerik points.

    Currently, the possible solution that I can suggest is to increase the ItemHeight

    this.radDropDownList1.DropDownListElement.AutoCompleteSuggest.DropDownList.ItemHeight = 40;

     

    I hope this information helps. Should you have further questions I would be glad to help.
     
    Regards,
    Dess
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Phil
    Phil avatar
    15 posts
    Member since:
    Oct 2012

    Posted 15 Mar Link to this post

    Thanks for the suggestion. Since we don't typically exceed the width of the list it looks a bit strange when everything is larger than needed.

    Instead we've just allowed for the suggestions to autosize themselves. We would have preferred to allow for them to each rather display on a single line with an ellipsis (the same way the normal drop down list displays when you click the down arrow) but we couldn't get that to work at all.

    This works for the suggestions but I have no idea why it doesn't apply to the normal list items as well?

    1.listElement.AutoSizeItems = true;
    2.listElement.DropDownListElement.ListElement.AutoEllipsis = false;
    3.listElement.DropDownListElement.ListElement.TextWrap = true;

  6. Dess
    Admin
    Dess avatar
    1609 posts

    Posted 17 Mar Link to this post

    Hello Phil,

    Thank you for writing back. 

    The following help article is quite useful about sizing the drop down and autocomplete items: http://docs.telerik.com/devtools/winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/item-sizing

    Depending on the font, the autocomplete items may be sized differently and wrapped if possible. You can subscribe to the DropDownListElement.AutoCompleteSuggest.DropDownList.VisualItemFormatting event and specify the Font, AutoEllipsis and TextWrap property. As to the auto size behavior, it is necessary to set the RadDropDownList.AutoSizeItems property to true.

    I hope this information helps. If you have any additional questions, please let me know.

    Regards,
    Dess
    Telerik
    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for WinForms is Visual Studio 2017 Ready