RadMonthYearPicker Popup by input

[Joseph]

Is there a way that i can trigger the popup by user click on input field (textbox)?  Thank you.

[Princy]

Hi Jospeh,

Please try to attach the onfocus event to RadMonthYearPicker and show the pop up as follows.

ASPX:

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" runat="server" onfocus="openPopUp()">
</telerik:RadMonthYearPicker>

JavaScript:

function openPopUp() {
    var monthYearPicker = $find("<%=RadMonthYearPicker1.ClientID%>");
    monthYearPicker.showPopup();
}

Thanks,
Princy.

[Joseph]

Hi Princy,

That didn't work, getting the error: 

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'showPopup'

[Princy]

Hi Joseph,

Please try the below approaches to achieve your scenario.  

• One approach is that please try to set the ShowPopupOnFocus property as true in ASPX as follows.

ASPX:

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" runat="server" ShowPopupOnFocus="true">
</telerik:RadMonthYearPicker>

• Another approach is that onfocus event call the click event of popup button as follows.

ASPX:

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" runat="server" onfocus="openPopUp()">
</telerik:RadMonthYearPicker>

JavaScript:

function openPopUp() {
    var monthYearPicker = $find("<%=RadMonthYearPicker1.ClientID%>");
    monthYearPicker._popupButton.click();
}

Hope this will help you.
Thanks,
Princy.

[Joseph]

Thank You.  That worked.