make drop-down lists smaller

[AP]

I'm upgrading a project from 2021.2.511 to 2023.2.829 and I have a page which is extremely data heavy. Using the  .Size(ComponentSize.Small) option still results in a much larger drop-down list than before.

How can I reduce the size of these drop-downs further? In the old version, they simply inherited the font-size of the parent div.

 

This also applies to the multiselect controls as well

[Ivan Danchev]

Hello Andrew,

In version 2023.2.829 the theme applies the respective font-size value based on the specified Size. "Small" is the smallest Size value of the DropDownList and MultiSelect, so if you want to go even further and make them appear smaller, you can override the default styles. See this example: https://netcorerepl.telerik.com/GRlEESks33U7S0KH17

Below the MultiSelect's declaration there is a CSS rule that overrides the font-size of both the DropDownList and the MultiSelect and makes them appear smaller:

<style>
    .k-dropdownlist.k-picker,
    .k-multiselect.k-input,
    .k-multiselect .k-chip-label {
        font-size: 12px;
    }
</style>

Regards,
Ivan Danchev
Progress Telerik

[AP]

Thanks for this. This changes the text size but not the overall size of the controls and also not the size of the text when the list is displayed.  I attach an image (an extreme example with very small text, but it illustrates the issue).

How can I size the complete control as it was possible to do before the changes to how styling works were implemented?

[AP]

I have now raised a support call about this, as I need a quick resolution