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
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
0
Princy
Top achievements
Rank 2
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:
Let me know if you have any concern.
Thanks,
Princy.
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.
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 2
answered on 31 Mar 2014, 03:19 AM
Hi Chris,
Please try the following css which works as expected for me.
CSS:
Thanks,
Princy.
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 2
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:
Thanks,
Princy.
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.