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

Change height of kendoDropDownList widget

3 Answers 903 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
aborg
Top achievements
Rank 1
aborg asked on 04 Dec 2012, 07:06 PM
I am trying to find a property of the DropDownList that will set the actual height of the widget itself. I found the height property that appears to set the height of the dropdown portion of the control but I want to adjust how tall the widget itself is. Is this something that can be set?

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 06 Dec 2012, 02:30 PM
Hi Brian,

You can set the actual height of the DropDownList through using custom CSS. For example: 
<style>
.k-dropdown .k-dropdown-wrap{
    height: 47px;
}
</style>          

I hope the suggested approach fits your requirements. 

Regards,

Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Alan
Top achievements
Rank 2
answered on 07 Nov 2013, 06:48 PM
What would be the best practice for a certain control?
           .customCSS 
                .k-dropdown .k-dropdown-wrap
                {
                    height: 40px;
                }
<div id="kendoDropDownList" class="customCSS" />

Does not work.
Thank you
0
Iliana Nikolova
Telerik team
answered on 07 Nov 2013, 08:12 PM
Hi Alan,

The following CSS selector should help to achieve the desired outcome: 

.customCSS.k-dropdown .k-dropdown-wrap{
    height: 40px;
}
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
DropDownList
Asked by
aborg
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Alan
Top achievements
Rank 2
Share this question
or