smaller kendo dropdownlist control height

[Troy]

I would like to reduce the height of the DDL control to match the reduced height of adjacent text input fields.

See attached picture for current behavior.

Before I start messing with CSS hacks I'd like to see if there's a cleaner way.

[Eduardo Serra]

Hello Troy,

When it comes to working with the Kendo UI DropDownList, the only similar value that can be changed using the API would be the height of the DropDownList item list using the height property. If you want to change the height of the control's exterior, CSS is the way to go.

I have prepared a sample for you in the KEndo UI Dojo that shows two DropDownLists resized to a smaller size that might fit your requirements better; you can take a look at it here. 

The relevant style:

.k-dropdown .k-dropdown-wrap{
   height: 24px;
}

I hope this helps!

Regards,
Eduardo Serra
Telerik by Progress

[Troy]

Thanks, I needed a couple more CSS tweaks to get it looking right (see bad, good attachments):

.k-dropdown .k-dropdown-wrap {
   height: 26px;
}
.k-dropdown-wrap .k-input {
    line-height: 22px;
}
.k-dropdown-wrap .k-icon {
    position: relative;
    top: -4px;
}

[Leslie]

Thanks for this. Solved a problem I was having.