DropDownList width + responsive behavior

0 Answers 709 Views
ComboBox DropDownList
Kristof
Top achievements
Rank 1
Iron
Iron
Kristof asked on 01 Sep 2021, 03:04 PM

Hi,

I want to have a list with options to select just one option in it.
So I have choosen for the "drop down list"-control

 

1) I want that the width of the drop down list control is as long as the longest item in the list.

I already did some dirty tricks to change the width of the drop down list:

.kendo-dropdownlist-width-auto {
  width: auto !important;
}
.kendo-dropdownlist-width-100-percent {
  width100% !important;
}

 

The auto trick is as long as the selected list item, but not as the longest possible item.
The width-100 trick takes 100%

 

2) How to make the drop down list responsive (automatic resizing for multiple devices)?

3) Is the DropDownList control the best option? What about ComboBox, what are differences?

I forked the basic drop down list example from the Kendo UI website to show the case:

https://stackblitz.com/edit/angular-x6jwgx

No answers yet. Maybe you can help?

Tags
ComboBox DropDownList
Asked by
Kristof
Top achievements
Rank 1
Iron
Iron
Share this question
or