Unplanned
Last Updated: 13 Feb 2025 09:27 by ADMIN
Isaac
Created on: 30 Jan 2025 12:19
Category: DropDownList
Type: Feature Request
2
Remove Extra Whitespace in DropDownList with Less Than Seven Items

When using the DropDownList component with less than seven items, there is extra whitespace:

In terms of user experience, this extra whitespace is clutter as it takes up visual space yet serves no viable purpose to the user. Clutter gives an unfinished appearance and should be removed if possible.

You can remove the extra whitespace by specifying Height and MaxHeight in the DropDownListSettings render fragment:

<TelerikDropDownList Data="@_dropDownData" @bind-Value="@_selectedPod">
    <DropDownListSettings>
        <DropDownListPopupSettings Height="auto" MaxHeight="200px"/>
    </DropDownListSettings>
</TelerikDropDownList>

However, having to specify DropDownListSettings for every DropDownList component that has fewer than seven items is laborious and verbose. I would like there to be no extra whitespace in DropDownList components by default without having to specify DropDownListSettings.

1 comment
Andrew
Posted on: 30 Jan 2025 15:58
agreed, Isaac! I have to add very similar DropDownListSettings to every one of my dropdowns in my app for the same reason. Seems kind of silly that it defaults to showing all that white space unless you specify otherwise. Good call out!