If i put datepicker inside an updatepanel, it doesnt post anymore. No postbacks at all. It stops functioning. Also the rollover style disappears. This only happens with Firefox(Am using firefox 3.5). With IE7 no problems at all. Am using
version 6.0.45.2. After that i downloaded 2009 latest version and checked the same scenario. Well it is not working either. So its a big problem for me. Please give me a fix for the version 6.0.45.2 as soon as possible, Here is the design code for you to check. Nothing more just an updatepanel wrapping around the datepicker. Somehow this textbox is not functining well. Hence am not wrapping the aspx code with tags here.....
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
<title>Test Page</title>
</head>
<body style="overflow: hidden;">
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager runat="Server" ID="ScriptManager1" />
<asp:UpdatePanel runat="server" ID="up1">
<ContentTemplate>
<div>
<eo:DatePicker ID="BdpEnd" runat="server" ControlSkinID="None" DayCellHeight="14" runat="server"
DayCellWidth="22" DisabledDates="" SelectedDates="" VisibleDate="2007-05-01"
CssBlock=' <style type="text/css"> a.eo_calendar_style1_title_button { width: 21px; height: 17px; border-right: #f3f3f3 1px solid; border-top: #f3f3f3 1px solid; border-left: #f3f3f3 1px solid; border-bottom: #f3f3f3 1px solid; background-color: transparent; } a.eo_calendar_style1_title_button:hover { width: 21px; height: 17px; border-right: #0044ff 1px solid; border-top: #0044ff 1px solid; border-left: #0044ff 1px solid; border-bottom: #0044ff 1px solid; background-color: #aaaaff } </style> '
PickerFormat="dd/MM/yyyy" SwapStyle="None">
<TitleStyle CssText="" />
<CalendarStyle CssText="border-bottom-color:#555566;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#555566;border-left-style:solid;border-left-width:1px;border-right-color:#555566;border-right-style:solid;border-right-width:1px;border-top-color:#555566;border-top-style:solid;border-top-width:1px;" />
<DayHoverStyle CssText="background-color:#ddeeff;border-bottom-color:#bbbbbb;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#bbbbbb;border-left-style:solid;border-left-width:1px;border-right-color:#bbbbbb;border-right-style:solid;border-right-width:1px;border-top-color:#bbbbbb;border-top-style:solid;border-top-width:1px;" />
<MonthStyle CssText="background-color:white;cursor:hand;font-family:verdana;font-size:8pt;" />
<DayHeaderStyle CssText="FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../assets/h2_bg.gif); COLOR: black; BORDER-BOTTOM: #555566 1px solid; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: verdana" />
<DayStyle CssText="border-bottom-color:white;border-bottom-style:solid;border-bottom-width:1px;border-left-color:white;border-left-style:solid;border-left-width:1px;border-right-color:white;border-right-style:solid;border-right-width:1px;border-top-color:white;border-top-style:solid;border-top-width:1px;" />
<SelectedDayStyle CssText="background-color:lightblue;border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;" />
<DisabledDayStyle CssText="border-bottom-color:white;border-bottom-style:solid;border-bottom-width:1px;border-left-color:white;border-left-style:solid;border-left-width:1px;border-right-color:white;border-right-style:solid;border-right-width:1px;border-top-color:white;border-top-style:solid;border-top-width:1px;color:gray;" />
<MonthSelectorStyle CssText="" />
<WeekSelectorStyle CssText="" />
<TitleTemplate>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #F3ECFE;
font-size: 11px; font-family: verdana;">
<tr>
<!-- Previous Year -->
<td>
<a href="javascript: void {var:this}.goTo(-12);" class="eo_calendar_style1_title_button">
<img src="{img:00040302}" border="0" style="vertical-align:top;"/>
</a>
</td>
<!-- Previous Month -->
<td>
<a href="javascript: void {var:this}.goTo(-1);" class="eo_calendar_style1_title_button">
<img src="{img:00040301}" border="0" style="vertical-align:top;"/>
</a>
</td>
<!-- Current Month -->
<td style="height:17px;" align="center">
{var:visible_date:MMM - yy}
</td>
<!-- Next Month -->
<td>
<a href="javascript: void {var:this}.goTo(1);" class="eo_calendar_style1_title_button">
<img src="{img:00040303}" border="0" style="vertical-align:top;"/>
</a>
</td>
<!-- Next Year -->
<td>
<a href="javascript: void {var:this}.goTo(12);" class="eo_calendar_style1_title_button">
<img src="{img:00040304}" border="0" style="vertical-align:top;"/>
</a>
</td>
</tr>
</table>
</TitleTemplate>
<MonthTitleStyle CssText="" />
<PopupExpandEffect Type="None" />
<PickerStyle CssText="font-size:8pt;" CssClass="TextBox75Edit" />
<TodayStyle CssText="border-color:red;padding:0px;" />
</eo:DatePicker></div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>