This is a migrated thread and some comments may be shown as answers.

RadDropDownList size

5 Answers 185 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 28 Mar 2014, 09:31 AM
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

5 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 28 Mar 2014, 10:22 AM
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.
0
Chris
Top achievements
Rank 1
answered on 28 Mar 2014, 10:32 AM
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.
0
Princy
Top achievements
Rank 1
answered on 31 Mar 2014, 03:19 AM
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.
0
J2K
Top achievements
Rank 1
answered on 09 Aug 2014, 02:33 AM
Princy's solution does not work for Metro skin
0
Princy
Top achievements
Rank 1
answered on 11 Aug 2014, 04:12 AM
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.
Tags
DropDownList
Asked by
Chris
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Chris
Top achievements
Rank 1
J2K
Top achievements
Rank 1
Share this question
or