RadDropDownList AutoComplete Overlaps

[Phil]

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?

[Phil]

When not using any themes it works as expected. I tested randomly with other themes and VisualStudio2012Dark also displays incorrectly. TelerikMetroTouch works fine though.

[Dess | Tech Support Engineer, Principal]

Hello Phil,

Thank you for writing.

I have logged it in our feedback portal. You can track its progress, subscribe 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

[Phil]

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;

[Dess | Tech Support Engineer, Principal]

Hello Phil,

Thank you for writing back. 

The following help article is quite useful 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, 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