[Solved] RadDropDownList size

[Chris]

Hello,

I have a RadDropDownList that I would like to enlarge because it should be displayed on a tablet. How can I set a height on the component? 

If I set the height to 50px in the css class, nothing changes. Is there a property to change?


Thx

[Princy]

Hi Chris,

Please try to set the DropDownHeight property of RadDropDownList to increase the height of the DropDownList as follows.

ASPX:

<telerik:RadDropDownList ID="RadDropDownList1" runat="server" DropDownHeight="100px">
    <Items>
        <telerik:DropDownListItem Text="Item1" />
        <telerik:DropDownListItem Text="Item2" />
    </Items>
</telerik:RadDropDownList>

Let me know if you have any concern.
Thanks,
Princy.

[Chris]

Hello,

a fixed already the DropDownHeight, but this is the list height. I need to modify the height of the component and the size of the font when the list not unwound.

[Princy]

Hi Chris,

Please try the following css which works as expected for me.

CSS:

<style type="text/css">
    .RadDropDownList_Default
    {
        height: 30px !important;
        font-size: 16px !important;
    }
    .RadDropDownList_Default .rddlFocused
    {
        height: 30px !important;
        font-size: 16px !important;
    }
</style>

Thanks,
Princy.

[J2K]

Princy's solution does not work for Metro skin

[Princy]

Hi J2K,

Please try the below CSS which works fine at my end. Please elaborate your requirement if it doesn't help.

CSS:

.RadDropDownList.RadDropDownList_Metro
{
    height: 30px !important;
    font-size: 16px !important;
}
.RadDropDownList_Metro .rddlFocused
{
    height: 30px !important;
    font-size: 16px !important;
}

Thanks,
Princy.