RadDatePicker popup moves when scrolling

[Jan Montano]

TItle should be: RadDatePicker popup doesn't move when scrolling.


I have a RadDatePicker in a page that has a vertical scrollbar.

When I click on the RadDatePicker, a popup will display. However, when scrolling the page while the popup is displayed, the popup stays in the center of the page.

Let's say if the popup is at coordinate (20,20) of the current screen, it stay's on that coordinate when scrolling. That should not be the case. It should also move. It's like it's floating.

Is there some attributes I could set to fix this issue? Please advise.

Thank you very much.

[Dimo]

Hi Jan,

Unfortunately this functionality is not supported. We recommend that you hide the datepicker popup when a scroll is initiated:

http://www.telerik.com/community/forums/aspnet/calendar/datepicker-pop-up-remains-stationary-on-scroll.aspx

Here is one more related forum thread:

http://www.telerik.com/community/forums/aspnet/calendar/popup-calendar-does-not-close-when-clicking-on-scrollbars.aspx

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jan]

Why am I not able to run the javascript successfully? Am I missing something?

function HideOnScroll()

{

var datepicker = <%= RadDatePicker1.ClientID %>;

alert(datepicker.IsPopupVisible())

}

datepicker.IsPopupVisible() displays an invalid method error.
this goes the same way with all javascripts in the example pertaining to rad controls.

Do I need to set a configuration first?

Thank you very much.

[Princy]

Hi Jan,

I am not sure about the version of RadControls that you are using. Can you try the following client side code and see whether it is working. Otherwise, could you provide the version of RadControls that you are using?

JavaScript:

<script type="text/javascript">
function HideOnScroll()
{
    var datepicker = $find("<%= RadDateTimePicker1.ClientID %>");
    if (datepicker.isPopupVisible())
    {
        datepicker.togglePopup();
    }
}
</script>

Thanks,
Princy.

[Jan]

I've tried that script before but with same results.

Whether or not I include that if condition, I receive same results for the page.

And when I tried to Alert datepicker.isPopupVisible() -> invalid method.

though var datepicker receives a valid handle.

I've tried both Q3 and Q2 2008 versions but with no luck.

By the way, I'm using Visual Studio Team Suite 2008.

[Sebastian]

Hi Jan,

Can you please verify that you are referencing the client object of the date picker using the $find javascript method? If the issue persists, please post your code in this forum thread and we will gladly assist you in resolving the issue you are facing.

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jan]

Hmmm... strange

function OnClientLoaded(sender, eventArgs)
{
            var datepicker = $find("<%= ctrlToDate.ClientID %>");
            alert(datepicker);
            alert(datepicker.isPopupVisible());

            var combo = $find("<%= RadComboBox1.ClientID %>");
            alert(combo.get_DropDownVisible());
}



<telerik:RadSplitter ID="RadSplitter1" runat="server" OnClientLoaded="OnClientLoaded">

1. datepicker returns a valid handle.
2. datepicker.isPopupVisible() returns a valid handle now.
3. combo returns a valid handle.
4. however combo.get_DropDownVisible() does not return a valid handle.

[Shinu]

Hello Jan,

Try  combo.get_dropDownVisible() instead of combo.get_DropDownVisible(). I hope the link to online documantation which explains about most important methods of the client-side RadComboBox object.
RadComboBox object

Thanks,
Shinu.

[Jan]

Thanks shinu!

I'll try that.

It's just unfortunate that I keep seeing different examples using get_dropDownVisible() and sometimes using get_DropDownVisible().

Will keep you posted. Thank you very much.

[Jan]

Thanks to Princy and Shinu! It's working now! It was just a matter of wrong casing for the method name.

I first followed the link suggestion of Dimo from telerik containing:

datepicker.TogglePopup();

When it should have been:

datepicker.togglePopup()

Thank you very much guys!