Issue : Calendar Extender Inside GridView and UpdatePanel

Problem Description:

The calendar extender works ok in a GridView. BUT if you put the Gridview inside an UpdatePanel, the Calendar does not draw properly and becomes unusable.

Links to codeplex thread
http://www.codeplex.com/AjaxControlToolkit/WorkItem/View.aspx?WorkItemId=8368

The imagebutton when clicked for the first time would display a calendar without the theme (transprant calender ) but once the date is select and the imagebutton is clicked for the secondtime (in the same browser session) the css would be loaded properly. Css is being loaded in the Autopostback associated with the textcontrol.

Applies to:

ASP.NET & Sharepoint

Issue faced in:
Trace Application

RCA:

The calendar extender-template field, image and associated calendar etender are not drawn on the page load event (since these are not visible initially and are made visible on RowEditing event of the gridview) Hence the required CSS (calendar.css) is not loaded on the pageload event which causes the calendar to draw without a theme.

Resolution:

Create another calenderextender, associated textcontrol and imagebutton (copy and paste the existing code from grigview-template field) outside of the updatepanel. Make sure these controls are not visible. These new controls would cause the css to be loaded in the page load event.

Link - http://forums.asp.net/p/1078690/1797384.aspx