Trying to use the timepicker control, setting Skin="mySkin" and EnableEmbeddedSkins="false" , just like i do with any other telerik controls. I've got the .css file included on the page. my DatePicker styles fine, but the TimePicker does not. Looking at the source html, the timepicker html tags do not even get the custom skin. Not sure what the problem is?
any idea what's going on ? below is my .css styles. are these not the correct style classes for the control anymore?
any idea what's going on ? below is my .css styles. are these not the correct style classes for the control anymore?
<telerik:RadTimePicker ID="RadTimePicker1" Skin="mySkin" EnableEmbeddedSkins="false" runat="server" > |
<TimeView runat="server" StartTime="07:00:00" EndTime="20:00:10" /> |
</telerik:RadTimePicker> |
/*time view*/ |
table.RadCalendarTimeView_mySkin |
{ |
border-collapse:separate; |
border:1px solid #75b064; |
background:#ffffff; |
font:11px "segoe ui",arial,sans-serif; |
} |
.RadCalendarTimeView_mySkin th |
{ |
border:0; |
border-bottom:1px solid #a8cf9d; |
padding:0 0 1px; |
background:#caf2c2 0 -1000px repeat-x url('../_images/Calendar/sprite_green.gif'); |
color:#006e0b; |
text-align:center; |
line-height:23px; |
cursor:default; |
font-weight:normal; |
} |
table.RadCalendarTimeView_mySkin td |
{ |
border:0; |
border-left:1px solid #acdb9c; |
padding:2px 2px 3px; |
} |
table.RadCalendarTimeView_mySkin td:first-child |
{ |
border-left:0; |
} |
.RadCalendarTimeView_mySkin a |
{ |
display:block; |
padding:2px 6px; |
text-align:center; |
color:#000000; |
text-decoration:none; |
} |
.RadCalendarTimeView_mySkin td.rcSelected a |
{ |
border:1px solid; |
padding:1px 5px; |
background:#fa83fc 0 -1700px repeat-x url('../_images/Calendar/sprite_green.gif'); |
} |
.RadCalendarTimeView_mySkin td.rcHover a |
{ |
border:1px solid #299926; |
color:#299926; |
padding:1px 5px; |
background:#ff80fd 0 -1600px repeat-x url('../_images/Calendar/sprite_green.gif'); |
} |
.RadCalendarTimeView_mySkin .rcFooter |
{ |
border:0; |
border-top:1px solid #75b064; |
padding:0; |
} |