Rank: Newbie Groups: Member
Joined: 12/5/2007 Posts: 2
|
Hello, I am evaluating your calendar control for purchase for an ASP .NET 2.0 website. I like most of its functionality, but am having a problem with the calendar control stepping on an Ajax UpdatePanel when the update panel is trying to update something with its AutoPostBack property set to True. It works fine with a button click, but not when AutoPostBack is explicitly set. This only occurs in IE7. When i remove the calendar control, the page works as expected.
I have included a test page that i created that demonstrates this. If this can't be fixed, than i can not use this calendar. Thanks,
--------------TEST.ASPX-------------------------
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %> <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %> <%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True"> </asp:ScriptManager> <div> <eo:Calendar AutoPostbackOnScroll="false" AutoPostbackOnSelect="false" runat="server" id="Calendar1" DayHeaderFormat="Short" MonthColumns="1" MonthSelectorVisible="True" WeekSelectorVisible="False" MonthRows="1" TitleLeftArrowImageUrl="00040101" DayCellHeight="3" TitleLeftArrowDownImageUrl="00040103" DayCellWidth="2" TitleRightArrowImageUrl="00040102" DayCellSpacing="1" TitleRightArrowDownImageUrl="00040104" > <DayStyle CssText="text-decoration:none"></DayStyle> <SelectedDayStyle CssText=""></SelectedDayStyle> <DisabledDayStyle CssText="COLOR: gray"></DisabledDayStyle> <TitleStyle CssText="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 6pt; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #0054e3"></TitleStyle> <CalendarStyle CssText="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;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;background-color:white"></CalendarStyle> <DayHoverStyle CssText="text-decoration:underline"></DayHoverStyle> <MonthStyle CssText="FONT-SIZE: 6pt; MARGIN: 0px 4px; FONT-FAMILY: Tahoma; cursor:hand"></MonthStyle> <%-- <FooterTemplate> <div style="FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Tahoma""> Today: {var:today:MM/dd/yyyy} </div> </FooterTemplate>--%> <TodayStyle CssText="background-image:url('00040106');"></TodayStyle> <DayHeaderStyle CssText="FONT-SIZE: 11px; COLOR: #0054e3; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Tahoma"></DayHeaderStyle> </eo:Calendar>
<asp:UpdatePanel ID="up1" runat="server"> <ContentTemplate> <asp:Label ID="lbl1" runat="server" /> <asp:DropDownList ID="ddl1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlMonth_SelectedIndexChanged" > <asp:ListItem Text="1" /> <asp:ListItem Text="2" /> </asp:DropDownList> </ContentTemplate> </asp:UpdatePanel>
</div> </form> </body> </html>
--------------------------TEST.ASPX.VB
Partial Class test Inherits System.Web.UI.Page
Protected Sub ddlMonth_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) lbl1.Text = Now.ToString() End Sub End Class
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,217
|
Hi,
I am not sure what you mean by "calendar control stepping on an Ajax UpdatePanel". I tried your code and it works fine except for the Calendar not displaying right: The problem is caused by DayCellHeight="3" and DayCellWidth="2". Obviously those are wrong and IE 7 takes it very literally.
Let us know if that is the problem.
Thanks
|
Rank: Newbie Groups: Member
Joined: 12/5/2007 Posts: 2
|
Hello, i moved my test page out of my client's solution and you are correct. It is working fine. There must be some other javascript issue in my code that is causing problems. thanks, Niall
--i know the calendar isn't displaying correctly in the test code, but the stylesheet of the project i am working with changes that, for now i'm not concerned with the calendar's appearance, just that i can have it on the same page as an update panel
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,217
|
Thanks for the update. Please let us know if you have any other questions. Also, you may still want to take care of DayCellHeight and DayCellWidth. Those two properties must be set correctly. They won't take value from style sheets.
|