Calendar Table style / CSS

2 posts, 0 answers
  1. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 25 Mar 2013 Link to this post


    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


    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


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

  2. Galin
    Galin avatar
    526 posts

    Posted 28 Mar 2013 Link to this post


    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
        z-index: 30001 !important;
    Hope this helps .

    All the best,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top