This is a migrated thread and some comments may be shown as answers.

Set Combo Input Text CSS

4 Answers 95 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 19 Aug 2008, 03:05 AM
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!

4 Answers, 1 is accepted

Sort by
0
Rosi
Telerik team
answered on 19 Aug 2008, 07:39 AM
Hi Jeff,

I suggest you use the following code:

<style type="text/css">  
.RadComboBox_Default .Web20  .rcbInput  
{     
    fontnormal 8px ArialVerdanaSans-serif;     
}    
 
</style> 


Regards,
Rosi
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jeff
Top achievements
Rank 1
answered on 19 Aug 2008, 03:59 PM
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!

0
Jeff
Top achievements
Rank 1
answered on 19 Aug 2008, 05:18 PM
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!
0
Accepted
Rosi
Telerik team
answered on 20 Aug 2008, 10:31 AM
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.
Tags
ComboBox
Asked by
Jeff
Top achievements
Rank 1
Answers by
Rosi
Telerik team
Jeff
Top achievements
Rank 1
Share this question
or