Rad DatePicker position wrong with rcShadTR

2 posts, 0 answers
  1. Sean
    Sean avatar
    51 posts
    Member since:
    May 2008

    Posted 13 Dec 2011 Link to this post

    Upon upgrading to 2011.2.712.40 our calendar shifts position 177px below the text box - on inspection with firebug/dev toolbar I see a div called "rcShadTR" with a height of 177px.

    In other environments where these controls have not been updated I don't see this div and the calendars work fine. All of the other controls in the upgrade seem to have gone fine except for the calendars.

    If I use css to set the rcShadTR to display none the control doesn't break so Im a little confused as to what this div does.
  2. Tsvetina
    Tsvetina avatar
    2481 posts

    Posted 14 Dec 2011 Link to this post

    Hi Sean,

    This div is used to provide a shadow for the popup calendar of the RadDatePicker, you can see it in our online demos, too. It has been part of the picker for quite some time now.
    Calendar / DatePicker/First look
    If you do not insist on having a shadow, you could just hide the div, as you did.

    However, as the described behavior is not how the control usually behaves, I assume that there are some custom styles on your page which interfere with the calendar's display. If you would like to debug this behavior, you could try removing your styles to see if this fixes the issue and then start re-adding them one by one until you see which breaks the layout.
    Alternatively, you could use a tool like Firebug to track the styles applied to the RadDatePicker control and see which one exactly causes the problematic look.

    Also, if you provide us with a live url and your markup and custom styles, we will inspect the problem, too.

    Best wishes,
    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
Back to Top