Craig

Thanks for the quick response. I've given that a try, but it makes no difference. We have tried removing the 100% height from the surrounding divs and the popups appear correctly next the the RadDatePicker, however this effects the look of our site.

I was thinking some of the telerik styles may need to be overridden but I'm unsure which styles set the position of the popup panels.

Dimo

Can you provide a simple web page, which demonstrated the described problem?

Generally, it is possible to encounter issues if the RadDatePicker is placed inside containers with some uncommon positioning, e.g. position:fixed.

Regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items

Ryan

Did anyone solve this issue? I am having a similar problem, but from what Dimo said, there are issues with the DatePicker when placed inside containers with uncommon positioning. I am using position:absolute for a containing div. When I remove position:absolute;top:100px;left:200px;right:0px;bottom:0px;
it works fine but it messes up the layout of my page. I have tried using the EnableScreenBoundaryDetection property but it didn't do anything.

Galin

I am afraid the issue you are facing is not replicable on our side. I am sending you my test project for your reference. Please let me know if you manage to reproduce what you are getting in this project,
and what steps to follow, so that we can test it too.

Greetings,
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.

Ryan

Would it be possible to send me the sample project in framework 3.5? We currently don't use 4.0.

I did more testing with it and it seems to be an issue when the website is long enough to make the overflow effective. So try adding in line breaks before the date picker. I looks normal until you start moving the control down the page.

Ryan

After several tests using what telerik reference I had, it was due to the scrolling/sizing of the div. HOWEVER, I hadn't updated the telerik controls for quite some time and once I did that it seemed to work fine. I will do more testing with the new controls but if i have anymore issues I will post again. Thanks.

Anand Sarigala

I have a page with radtab control. In one of the tabs I have a functionality in which based on the selected option in the dropdown, I load panels which contain controls. some options in the dropdown use the same panel. the problem araises here, for the first selected option, the raddatepicker shows the calender popup in the correct position, but not for the options selected afterwards which also use the same panel. I tried positioning the calender popup using code provided in forums, but there is no change in behaviour. can anybody help.

Galin

Тhe issue you are facing is not replicable on my side. Could you please give me more details on what you are trying to achieve or possibly a small running project that I can use to reproduce the case.
Alternatively a live URL will help me as well.

Kind regards,
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.

Galin

I have tested your scenario and the popup is positioned correctly. For reference I am sending this video. Please let me know if I have missed something important.

I have tested in Firefox, IE 7/9, Chrome, Opera.

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.

Galin

The issue can be observed in IE6 browser. You can workaround it by using the following CSS rule

* html .rcShadTR

{

display: none;

}

I hope this helps.

Kind regards,
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.

Galin

I agree, there are some additional elements, which you should hide too:

* html .rcShadTR,

* html .rcShadBL,

* html .rcShadBR

{

display: none;

}

Also, the other option is to hide the shadow by setting the attribute EnableShadows to false.

I hope this helps.

Greetings,
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.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.