Set Combo Input Text CSS

[Jeff]

Hello,
I am using 2008.1.416.20 of telerik and trying to set the text within the combo input area. I am using the following but am not able to get the text to change:

.RadComboBox_Web20 .rcbInputCell
{
    font: normal 8px Arial, Verdana, Sans-serif;
}

I also tried:

.RadComboBox_Web20 .rcbInputCell table, td
{
    font: normal 8px Arial, Verdana, Sans-serif;
}

But this seems to also set the text within a grid on the same page and it still does not have any effect on the text in the combo input area?

I am able to to set the cursor property of the arrow with:

.RadComboBox_Web20 .rcbArrowCell
{
    cursor: pointer;
}

So I guess I must be doing something right?

Thanks!

[Rosi]

Hi Jeff,

I suggest you use the following code:

<style type="text/css">
.RadComboBox_Default .Web20  .rcbInput
{
    font: normal 8px Arial, Verdana, Sans-serif;
}

</style>

Regards,
Rosi
the Telerik team

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

[Jeff]

Please tell me what might be the problem here...the code you provide simply does nothing to effect the text within the input area of the combo. 

I tried every possible iteration of the code you provided and the code I show in my original post. There are two things that really throw me about this...apart from not getting it to work...1) the .RadComboBox_Web20 .rcbArrowCell code I provided works fine????? and 2) the VS Help for this control shows .RadComboBox_Web20 .rcbInputCell as the relevent classes and then refers to table and td (presumable: table, td) as the actual text containers....But if I simply set table, td and the font string within the script section of my .ascx the only thing that is effected is the text for the grid on the page????

In my previous post, I did fail to mention that this combo is located within the ItemTemplate of a RadToolBar...don't know if that changes things or not...although I did try preceding your string with .RadToolBar.

I did try several combinations containing:

.RadToolBar

RadToolBar_Horizontal RadToolBar_Web20 RadToolBar_Web20_Horizontal .rtbOuter .rtbMiddle .rtbInner .rtbUL .rtbItem .RadComboBox_Default .Web20 .rcbInputCell

But nothing effects the text even a little bit!

I am sorry but this should not be that complicated there must be some explaination. There must be some way to simply override all other css and force this text to a particular font????

Please help!

[Jeff]

Hello Rosi,

I finally got it to work with the following:

div.RadComboBox_Web20 .rcbInputCell INPUT.rcbInput
{
font: normal 12px Arial, Verdana, Sans-serif;
vertical-align: middle;
}

Sorry for the inconvenience, but actually I found this in the telerik VS help. This text would of course be impossible to remember or know without refering to the help. With that said, Is there an better way for me to style telerik controls such as a telerik page styling component or something? Or do people actually commit this type of info to memory?

Thanks!

[Rosi]

Hello Jeff,

For now Telerik does not offer such a tool for styling the controls. 

However, every control has an Appearance and Styling section in its online help which you can use.

If you have any other questions related to our controls do not hesitate to contact us.

Sincerely yours,
Rosi
the Telerik team

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