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

Combobox lost style when applying css style

1 Answer 115 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Alfred
Top achievements
Rank 1
Alfred asked on 20 Feb 2009, 09:49 AM
I have placed a RAD combobox inside a table cell and I set the skin as below:

<telerik:RadComboBox ID="listSupplier" runat="server" Skin="Outlook" HighlightTemplatedItems="true"><CollapseAnimation Duration="200" Type="OutQuint" /></telerik:RadComboBox> 

Image Hosted by ImageShack.us

But if I apply a css style to the table, it looks like:

Free Image Hosting at www.ImageShack.us

The style is:

#mytable500 th.nobg  
{  
    border-top0px none;  
    border-left0px none;  
    border-right1px solid #C1DAD7;  
    backgroundnone;  
    color#ffff66;  
}  
 
#mytable500 td {  
    border-right1px solid #C1DAD7;  
    border-bottom1px solid #C1DAD7;  
    background#fff;  
    padding6px 6px 6px 12px;  
    color#4f6b72;  
}  
 
 
#mytable500 td.alt {  
    background#F5FAFA;  
    color#797268;  
}  
 
#mytable500 td.spec {  
    border-left1px solid #C1DAD7;  
    border-top0px none;  
    background#fff url('images/bullet1.gif'no-repeat;  
    font-style:normalfont-variant:normalfont-weight:boldfont-size:10pxfont-family:Trebuchet MS, VerdanaArialHelveticasans-serif 
}  
 
#mytable500 td.specalt {  
    border-left1px solid #C1DAD7;  
    border-top0px none;  
    background#f5fafa url('images/bullet2.gif'no-repeat;  
    color#797268font-style:normalfont-variant:normalfont-weight:boldfont-size:10pxfont-family:Trebuchet MS, VerdanaArialHelveticasans-serif 
}  
#mytable500 th.spec {  
    border-left1px solid #C1DAD7;  
    border-top0px none;  
    background#fff url('images/bullet1.gif'no-repeat;  
    font-style:normalfont-variant:normalfont-weight:boldfont-size:10pxfont-family:Trebuchet MS, VerdanaArialHelveticasans-serif 
}  
 
#mytable500 th.specalt {  
    border-left1px solid #C1DAD7;  
    border-top0px none;  
    background#f5fafa url('images/bullet2.gif'no-repeat;  
    color#797268font-style:normalfont-variant:normalfont-weight:boldfont-size:10pxfont-family:Trebuchet MS, VerdanaArialHelveticasans-serif 

I have already set the HighlightTemplatedItems="true".

Also, the calendar behaves similarly as well.
Free Image Hosting at www.ImageShack.us
calendar

Thanks.

Alfred

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 23 Feb 2009, 11:49 AM
Hello Alfred,

RadComboBox is rendered as a table and your styles overwrite the skin styles. To fix the skin, please add the following css styles to your page:

.RadComboBox_Outlook * {  
    padding:0 !important;   
}  
 
.RadComboBox_Outlook td.rcbArrowCell {  
    background:#9CBDEB url(arrow.gif) no-repeat scroll 0 0 !important;  

attached is the used in the css arrow.gif image.

Best regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
ComboBox
Asked by
Alfred
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or