How to enable Word-Wrapping for DropDownList Items with Virtualization concept

[Eric]

Issue: If the value for a drop down is too large to be fully displayed in the drop down window, the value should be wrapped.

we are not able to get Horizontal Scrollbar in drop down list or not able to get word wrapping in drop down list items when we are using virtualization concept with drop down list. we are using pagination from server side.

I have attached two files here.

we need drop down like "Horizontal_Scrollbar_dopdown_image" this image file.

and the second image "dropdownlist word-wrapping not working" which is shown our issue.

 

Please response as soon as possible with solution.

we are keen awaiting to your positive response.

[Aleksandar]

Hi Eric,

As discussed in the support thread, you can achieve the functionality demonstrated in the "Horizontal_Scrollbar_dopdown_image" screenshot by adding the following CSS rule:

#orders_listbox > li {    
      width:auto;
    }

Note that in the above example "orders" is the name of the DropDownList.

This dojo demonstrates the above suggestion.

Note that we monitor both communication channels, so if you have any additional questions I suggest to continue the discussion in only one of the threads, preferably in the forum, for the benefit of the community.

Regards,
Aleksandar
Progress Telerik