Ajax Control Toolkit CalendarExtender not closing when form body clicked.

Question

I am trying to simply have the calendar close when a user clicks anywhere on the page. I have downloaded the most recent version of the toolkit and I can not get this functionality to work. I am not sure if I am missing a property but the functionality works as expected on the asp.net sample toolkit page.

Here is the code:

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>


<asp:TextBox ID="txtTest" runat="server" /><img runat="server" alt="Calendar" id="imgCalFrom" align="absmiddle" border="0" height="16" src="/global/images/glo_btn_cal.gif" width="21"/>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtTest" PopupButtonID="imgCalFrom">
    </asp:CalendarExtender>

Answer 1

Remove the PopupButtonID="imgCalFrom" from the extender. That should fix it. This PopupButtonID assigns a button callback. You have to click the image again or selecting a date in order to close the calendar.

Answer 2

Don't use <img .,. />. Use <input type="image" .../> instead. Or you can use <asp:ImageButton runat="Server" .../>. This will fix your problem.

Answer 3

Yes it worked, Thanks. Simple solution.