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

ComboBoxes on same page, multiple styles

1 Answer 44 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Stephen
Top achievements
Rank 1
Stephen asked on 12 Feb 2009, 02:07 AM
I'm currently using the following styles within my css file to style on combobox on a given page. I want to add another combobox with different styles (defined in a css file too).  How would I go about doing this?  Would this require me making my own custom skin?

div.RadComboBox_Default table .rcbInputCell input 
    font:14px arial,verdana,sans-serif !important; 
    padding: 5px 0 0 10px !important;
}  
 
.rcbInputCell
{
border-color: #bebebe !important;
border-bottom-width: 2px !important;
}

.rcbArrowCell
{
border-color: #bebebe !important;
border-bottom-width: 2px !important;
}
 
.rcbInput 
    height: 22px !important; 
    font-family: Arial;
    font-size: 36px;

.rcbEmptyMessage 
{
color: Gray !important;
}


Any help would be greatly appreciated.


Thanks
Stephen

1 Answer, 1 is accepted

Sort by
0
Stephen
Top achievements
Rank 1
answered on 12 Feb 2009, 02:47 AM
Hey look at that... got it working!

for those of you who need to know how to get this working, I basically prefixed the classes with a custom name and set CssClas property on the combo box.

Here's the updated code (removed one class, but not related to this issue)

div.searchBox .rcbInputCell input  
{  
    font:14px arial,verdana,sans-serif !important;  
    padding5px 0 0 10px !important; 
}   
  
div.searchBox .rcbInputCell 
    border-color#bebebe !important; 
    border-bottom-width2px !important; 
    border-left-width2px !important; 
  
div.searchBox .rcbInput  
{  
    height22px !important;  
    font-familyArial
    font-size36px
}  
 
div.searchBox .rcbEmptyMessage  
    color: Gray !important; 

Tags
ComboBox
Asked by
Stephen
Top achievements
Rank 1
Answers by
Stephen
Top achievements
Rank 1
Share this question
or