Open calendar when mouse is over the control.

[Karl Ranville]

Hi guys,

I have a raddatepicker in my page and I want to open the calendar once the mouse is over the control textbox. So please help me with this.

Regards
Karl

[Shinu]

Hi Karl,

Please have a look at the sample code I tried which works fine at my end.

ASPX:

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
</telerik:RadDatePicker>

JavaScript:

<script type="text/javascript">
    function showCalenarpopup(e, pickerID) {
        var datePicker;
        if (pickerID == null) {
            datePicker = $find("<%= RadDatePicker1.ClientID %>");
        }
        else {
            datePicker = $find(pickerID);
        }
        datePicker.showPopup();
    }
</script>

C#:

protected void Page_Load(object sender, EventArgs e)
{
    RadDatePicker1.DateInput.Attributes.Add("onmouseover", "showCalenarpopup(event, '" + RadDatePicker1.ClientID + "');return false;");
}

Thanks,
Shinu.

[Karl Ranville]

Hi shinu

Your code works pretty cool. I forget to mention that calendar should go when mouse is moved apart.

[Shinu]

Hi Karl,

Please try the following code along with the other code used to show the popup calendar on mouse over.

JavaScript:

<script type="text/javascript">
    function hideCalenarpopup(e, pickerID) {
        var datePicker;
        if (pickerID == null) {
            datePicker = $find("<%= RadDatePicker1.ClientID %>");
        }
        else {
            datePicker = $find(pickerID);
        }
        datePicker.hidePopup();
    }

C#:

RadDatePicker1.DateInput.Attributes.Add("onmouseout", "hideCalenarpopup(event, '" + RadDatePicker1.ClientID + "');return false;");

Thanks,
Shinu.