[Solved] RadComboBox height ajustment

[jose.rocha78]

Hello,

 

How do I set the height of the actual input box?  I have tried the following without success.

 

  div.CustomCssClass .rcbInputCell INPUT.rcbInput
  {    
      height: 25px;
      width: 250px;
  }
  div.CustomCssClass {
      height: 35px;
  }

 

Thanks

[Rumen]

Hello,

To adjust the height of the input box within a RadComboBox, you indeed need to target the .rcbInput class

<style>
    html .RadComboBox .rcbInput {
        height: 25px;
    }
</style>

If you have set the RadCombobox CssClass property to CustomCssClass 

<style>
    html .RadComboBox.CustomCssClass .rcbInput {
        height: 25px;
    }
</style>
<telerik:RadComboBox runat="server" ID="RadComboBox1" CssClass="CustomCssClass" Filter="StartsWith">
    <Items>
        <telerik:RadComboBoxItem Text="Alpha" />
        <telerik:RadComboBoxItem Text="Vita" />
        <telerik:RadComboBoxItem Text="Ghamma" />
        <telerik:RadComboBoxItem Text="Epsilon" />
        <telerik:RadComboBoxItem Text="Zeta" />
        <telerik:RadComboBoxItem Text="Eta" />
        <telerik:RadComboBoxItem Text="Theta" />
        <telerik:RadComboBoxItem Text="Iota" />
        <telerik:RadComboBoxItem Text="Kappa" />
        <telerik:RadComboBoxItem Text="Lambda" />
    </Items>
</telerik:RadComboBox>

You can find more information in these articles:

• https://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/appearance-and-styling/change-the-height-of-the-input-element
• https://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/appearance-and-styling/change-the-appearance-of-the-input-element 

Regards,
Rumen
Progress Telerik