Combo box size too large

[Fahmi]

The RadCombox I am using has only two values "AND" and "OR". How do I make the combo box shorter?
Please have a look at the attached screen shot and the corresponding code block below:

<telerik:RadComboBox ID="drpFilterType" runat="server" AutoPostBack="true" EnableViewState="true"
           Width="100px" Skin="Default"  MarkFirstMatch="True">
  <Items>
      <telerik:RadComboBoxItem Text="AND" Selected="true" Value="AND"/>
      <telerik:RadComboBoxItem Text="OR" Value="OR"/>
   </Items>
</telerik:RadComboBox>

[Kate]

Hello Fahmi,

I tested the issue that you encounter and the RadComboBox does take the size that is given when using the Width property. Please take a look at the sample page that I have attached. Do you apply any other styles to some outer div for example that may be preventing this property to render correctly?

Greetings,
Kate
the Telerik team

[Fahmi]

Hi Kate,

Actually I was looking for a way to remove the extra space below the dropdown options. Please refer to the new attachment.

--Fahmi 

[Kate]

Hi Fahmi,

In general the RadComboBox control gets the height of the DropDown depending on the number of items that are placed in it. However, to explicitly set its height you could use the following css class selector.

<style type="text/css">
   .RadComboBoxDropDown .rcbScroll {
   height: 100px !important;
   }
   </style>

All the best,
Kate
the Telerik team