Change Height of Items in ComboBox

[Landon]

Hi there,

I'm currently building a web application to be used on a Tablet/Touch based computer. I've got a lot of RadComboBoxes on my page that are both binded to a DataSource or called by a WebService.  
The problem is, my ComboBoxes are pulling a multitude of items, and depending on the size of the User's fingers it may be hard for them to select items in the drop-down area of the RadComboBox.

Is there a way of setting the height of the ComboBox Items? I'm guessing it should just be slight CSS change.

Here's an example of one of my boxes.

<telerik:RadComboBox
        runat="server"
        ID="LabourName1"
        Width="180px"
        Skin="WebBlue"
        AllowCustomText="true"
        MaxHeight="200px"
        EmptyMessage="Employee Name"
        CssClass="LabourCell"
        EnableTextSelection="true"
        MarkFirstMatch="true"
        EnableLoadOnDemand="true"
        Filter="Contains">

            <webservicesettings path="~/FieldService.asmx" method="GetEmployees" />
            </telerik:RadComboBox>

Best Regards,

Landon

[Helen]

Hello Landon,

Please add the following to your page's head tag:

<style type="text/css">

        .RadComboBoxDropDown .rcbItem,

        .RadComboBoxDropDown .rcbHovered,

        .RadComboBoxDropDown .rcbDisabled,

        .RadComboBoxDropDown .rcbLoading

        {

             

            height: 50px;

        }
</style>

Regards,
Helen
the Telerik team