RadDatePicker calendar control appearing through ASP.Net menu

[Allan]

Hello everybody,

I am experiencing an issue with the RadDatePicker's calendar lookup button displaying through an ASP.Net menu.

The RadDatePicker is defined like this:

<td>
  <telerik:RadDatePicker runat="server" ID="PeriodStartCalendar" />
</td>

A screenshot of the page can be seen here:
http://i49.tinypic.com/2n1rf3l.png

I am using the Telerik ASP.Net AJAX Q2 2012 controls, ASP.Net 4.0 Framework (Visual Studio 2008) and Internet Explorer 8.0

Are there any properties that can control the transparency of the calendar lookup button or should I be looking at the ASP.Net Menu control instead?

Thanks for your time.

[Princy]

Hi Allan,

Try overriding the default css as follows to achieve your scenario.

CSS:

<style type="text/css">
.rcCalPopup
 {
  z-index : -1 !important;
 }
</style>

Thanks,
Princy.

[Allan]

Princy, thanks for your response. I hadn't considered making changes to the style sheet.

Unfortunately the code supplied did not fix the issue. All it did was make the calendar button invisible all the time.

[Martin]

Hello Allan,

I have tried the following css rule and it worked as expected on my side:

<style type="text/css">
    .RadPicker a.rcCalPopup
    {
        z-index: 0;
    }
</style>

I hope this helps.

Regards,
Martin
the Telerik team

[Allan]

Thank you Martin! Your CSS code resolved my issue. Thanks once again. :)