This is a migrated thread and some comments may be shown as answers.

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

1 Answer 209 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Eric
Top achievements
Rank 1
Eric asked on 22 Jul 2020, 03:14 PM

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.

1 Answer, 1 is accepted

Sort by
0
Aleksandar
Telerik team
answered on 24 Jul 2020, 11:26 AM

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

Tags
DropDownList
Asked by
Eric
Top achievements
Rank 1
Answers by
Aleksandar
Telerik team
Share this question
or