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

    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
  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 28 Mar 2013 Link to this post

    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
    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top