Kendo Dropdown list: number of items to be listed when expanded.

[puru]

Hi All,

Kendo dropdown list by default shows 6 items when expanded (clicked on down arrow). How can i increase the number of items to be displayed?

Need to show at least 15 items instead of 6. Also need to change the height of list items so that more items can be shown.

Tried changing the height, but it increased the height of dropdown list itself instead of the slider that pops out when clicked.

Thanks!!!

[Tsvetelina]

Hi Puru,

To change the DropDown's options list height, use the listHeight property. Furthermore, to style the list items, use the PopupSettings' popupClass property and apply the desired styles to the <li> elements. Please refer to the following Stackblitz example demonstrating both suggestions:

https://stackblitz.com/edit/angular-r8wuq3-m35fwd

Please keep in mind that encapsulation should be set to ViewEncapsulation.None to apply the style correctly.

I hope this helps.

Regards,
Tsvetelina
Progress Telerik

[Rose Jehilan]

How to set the listHeight in MVC dropdown list control?

[Alexander]

Hi Rose Jehilan,

This forum post was brought to my attention by our fellow developer subject matter Angular experts. So please allow me to chime in within this discussion.

I noticed that you have opened a separate ticket thread for the Telerik UI for ASP.NET Core DropDownList:

• https://www.telerik.com/account/support-tickets/view-ticket/1667103

I strongly advocate that we continue our discussion there, as the subject matter is revolved within the realm of the Telerik UI for ASP.NET Core, rather than the Kendo UI for Angular suite.