How to set the height of the textbox of the RadComboBox

[Hemangajit]

Hi,
     I am evaluating the RadComboBox component. I want to know how to set the height of the textbox of the Rad ComboBox. I tried to set the "Height" property, but it sets the height of the list of combobox only. Please let me know how it can be done.

Thanks
------------------
Hemangajit Dutta 

[Rosi]

Hi Hemangajit,

You can set the Height by changing some css classes. Here is a sample CSS code which illustrates how to set the Height of the input to 12px. Just place this style in your aspx page:

<style type="text/css">
div.RadComboBox_Default table .rcbInputCell,
div.RadComboBox_Default table .rcbArrowCell
{
    background-color: red;
    height: 12px;
    line-height: 11px;
    padding: 0;
}

div.RadComboBox_Default table .rcbInputCell input
{
    height: 12px;
    line-height: 11px;
    font:9px arial,verdana,sans-serif;
    height: 12px;
    padding: 0;
}

.rcbInput
{
    height: 12px !important;
}
</style>

Regards

Greetings,
Rosi
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Milan]

I have css in separate file, and I use Vista skin. Only part that overrides Vista skin in your example is:

div.RadComboBox_Default table .rcbInputCell input

{

height: 12px;

line-height: 11px;

font:9px arial,verdana,sans-serif;

height: 12px;

padding: 0;

}

It also works with:
div.RadComboBox_so_Default .rcbInputCell INPUT.rcbInput
{
//some code
}

Problem is that I can't override standard skin for other divs (ie. .rcbArrowCell). I tried with "important!", but it did not work.

Thanks

[Veselin Vasilev]

Hi Milan,

I am afraid I could not understand what the exact problem is.

Can you please elaborate a bit more?

I hope that this blog post would help:
How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin

Kind regards,
Veselin Vasilev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.