RadComboBox height ajustment

1 Answer 13 Views
ComboBox
jose.rocha78
Top achievements
Rank 1
jose.rocha78 asked on 01 Apr 2024, 04:35 PM

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

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 03 Apr 2024, 12:53 PM

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:

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
Tags
ComboBox
Asked by
jose.rocha78
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or