I am using the Calendar Extender along with a button in one of the column within a GridView Control to change the date. When I click the button in a row, the Calendar pops up. When I click the button again, the popup calendar closes automatically. But when I click the button in the first row and then in the second row and so on, then many calendars popup.  Is it possible to automatically close the first calendar when the second calendar pops up using javascript code or by some other means. Please help me to solve the issue

 Also when there is a scroll bar in the gridview, the position of the calendar popup is not coming correctly. Is it possible to change the position of the Calendar popup using javascript.

Yes its possible

Do the following through javascript...

$find(<behaviourID>).set_popupPosition(<position>);

<position> can be the following values

AjaxControlToolkit.CalendarPosition.BottomRight

Hello Alvin Shih,

Thanks for the response. I have fixed the position using CSS.

Can anyone help me in hiding the  Calendar Extender popup automatically using javascript when the user clicks some other controls. I am having the calendar extender in the GridView

Param 

Similarly, you can use the technique $find(<behaviourID>).show() or $find(<behaviourID>).hide() through javascript.

Hi, how did you fix the position?

Hi,

I have fixed the position using CSS.

I have used the extender within the grid, I have used the following lines for my requirement

/*calendar extender*/
.ajax__calendar
{
 position:absolute;   
    left: 0px !important;
    top: 0px !important;
   
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}

Thanks, I tried this but it doesn't work. Is your grid inside a scrollable div?

Hi there, i was reading this post, i have an issue something like the author, but in my case, the position of the calendar is at the buttom of the html, i said i have a gridview with divs and the calendar is showing behind it, an image is attached, Thanks in advance !...

<asp:TemplateField HeaderText="Pulled Date" SortExpression="PulledDate">

</asp:TemplateField>

I have the Date Column Like above. When I update in the grid view I am getting null value as date. But i chosen some date in this feild.

The code i written as follows:

DateTime dt1 = Convert.ToDateTime("1-1-1900", culture);

dt1 = Convert.ToDateTime(txtPulledDate.Text, culture);

 Try to remove the position(absolute or relative) style which is applied to the gridview divs or to the gridview itself.

It worked for me.

Mark As Answer if helped.