Calendar Table style / CSS

[Aarsh]

Hallo,

http://www.telerik.com/help/aspnet-ajax/calendar-styles.html 
http://www.telerik.com/help/aspnet-ajax/calendar-css-skin-file-selectors.html

To set the z-index after referring to url(s) above I tried these three classes but they seemed to to be effective. FYI - I also tried to use !important

 .RadCalendar , .rcTimePopup, rcCalPopup  & .rcHover

Reason:

I have a data entry form that I am genertaing dynamically and upon submit, the user sees result in the PDF Viewer on the right, but sometimes the Calendar Popup and/or drop-down, is if wider than uderlaps the Adobe's PDF Viewer. I certainly would like to use CSS selectors

Browser : IE 9 / W7

Code:

.RadCalendar{
    z-index: 2147483647;
    background-color: Aqua;
}
.rcTimePopup {
    z-index: 2147483647;
}
.rcHover {
    z-index: 2147483647;
    background-color: Aqua;
}

Thanks,
-Aarsh

[Galin]

Hello,

I suggest you to use the property ZIndex

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" ZIndex="30001" />

Also, you can achieve the same appearance with the following CSS rule

RadCalendarPopup
{
    z-index: 30001 !important;
}

 
Hope this helps .

All the best,
Galin
the Telerik team