Wrap Text in a RadAutoComplete

[Thomas]

We are having an issue where the results are wider than the available area on the RadAutoCompleteBox. If it is too wide, it adds the ellipses (...). We would prefer it wrap. I tried programmatically setting the radAutoCompleteBox.ListItem.TextWrap to true, but there was no effect. How can I make the text in the drop down wrap?

[Ralitsa]

Hi Thomas,

Thank you for contacting us. 

You need to set the AutoSizeItems property to true of RadAutoCompleteBox.ListElement and the TextWrap property to true. Here is а code snippet: 

this.radAutoCompleteBox1.ListElement.AutoSizeItems = true;
RadAutoCompleteBoxListElement le = this.radAutoCompleteBox1.ListElement as RadAutoCompleteBoxListElement;
le.VisualItemFormatting+=le_VisualItemFormatting;

//handler of VisualItemFormatting
void le_VisualItemFormatting(object sender, VisualItemFormattingEventArgs args)
{
    args.VisualItem.TextWrap = true;
}

You can also refer to the attached sample demo. 

Hope this will help you. Let me know if you have any other questions.

Regards,
Ralitsa
Telerik