Customer width of popup in DropdownList, ComboBox & Multi Column ComboBox

1 Answer 315 Views
ComboBox DropDownList Popup
Srinivas
Top achievements
Rank 1
Srinivas asked on 26 Jul 2021, 01:37 PM

I have multiple dropdowns, comboboxes and mutil column comboboxes on single page.
In some cases dropdownlist size small but content in popup is big.
How can I set the width of the popup list as per content?

I tried to override k-animation-container class but it is impact to all other pages, controls & components.

How can I restrict list width to specific control? I want different width control-to-control

1 Answer, 1 is accepted

Sort by
0
Preslava
Telerik team
answered on 27 Jul 2021, 07:42 AM

Hi Srinivas,

The width of the Popup can be changed by using the popupSettings property of the DropDowns components.

<kendo-combobox [data]="listItems" [popupSettings]="{ width: 'auto' }">
</kendo-combobox>

Here is an example demonstrating this approach:

https://stackblitz.com/edit/angular-bhrpzw-wzio7z?file=app/app.component.ts 

Let me know how this goes.

Regards,
Preslava
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ComboBox DropDownList Popup
Asked by
Srinivas
Top achievements
Rank 1
Answers by
Preslava
Telerik team
Share this question
or