Calendar DayCellSpacing changes in non-IE browsers on Month scroll

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Calendar DayCellSpacing changes in non-IE browsers on Month scroll

Options

Previous Topic · Next Topic

Eric T

Posted: Tuesday, January 1, 2008 7:52:42 PM

Rank: Member
Groups: Member

Joined: 6/5/2007
Posts: 15

We have setup a calendar with DayCellSpacing = 3, and it runs perfectly in IE. However, in Firefox (PC or Mac) and Safari, when changing months, it loses the DayCellSpacing and resizes the calendar. The weird thing is that it only does this every other month -- so if it starts on January, February will go to DayCellSpacing=0, March back to DCS=3, April DCS=0, May DCS=3, etc. There is nothing in our code that changes DayCellSpacing -- we have it statically declared in the ASPX file.

Here is a stripped down test page with just the calendar. It runs 100% fine in IE7, but has this other behavior in other browsers. View this link in both IE and FF and change the months and you will see the behavior. Any help you can provide is much appreciated! Happy New Year!

http://www.gaston360.com/test/calendartest.aspx

Here is the sample code

Code: HTML/ASPX

Copy

<eo:Calendar ID="Calendar1" runat="server" ControlSkinID="None" AutoPostbackOnScroll="false" AutoPostbackOnSelect="True" DayCellHeight="20"
                DayCellSpacing="3" DayCellWidth="26" DayHeaderFormat="FirstLetter" DisabledDates=""
                GridLineColor="White" GridLineFrameVisible="False" OtherMonthDayVisible="True"
                SelectedDates="" Style="font-weight: bold; color: white; font-family: Arial;
                background-color: black" TitleLeftArrowImageUrl="~/Images/Calendar/Left-Arrow.gif"
                TitleRightArrowImageUrl="~/Images/Calendar/Right-Arrow.gif">
                <SelectedDayStyle CssText="background-color:black;border-bottom-color:#eaeaea;border-bottom-style:solid;border-bottom-width:0px;border-left-color:#eaeaea;border-left-style:solid;border-left-width:0px;border-right-color:#eaeaea;border-right-style:solid;border-right-width:0px;border-top-color:#eaeaea;border-top-style:solid;border-top-width:0px;color:#F97A02;font-family:Arial;font-size:16px;font-weight:bold;" />
                <DayStyle CssText="background-color:black;border-bottom-color:#eaeaea;border-bottom-style:solid;border-bottom-width:0px;border-left-color:#eaeaea;border-left-style:solid;border-left-width:0px;border-right-color:#eaeaea;border-right-style:solid;border-right-width:0px;border-top-color:#eaeaea;border-top-style:solid;border-top-width:0px;color:white;font-family:Arial;font-size:16px;font-weight:bold;" />
                <MonthStyle CssText="font-size: 11px; font-family: verdana;" />
                <CalendarStyle CssText="background-color:black;border-bottom-color:#e0e0e0;border-bottom-style:solid;border-bottom-width:0px;border-left-color:#e0e0e0;border-left-style:solid;border-left-width:0px;border-right-color:#e0e0e0;border-right-style:solid;border-right-width:0px;border-top-color:#e0e0e0;border-top-style:solid;border-top-width:0px;cursor:hand;font-family:Arial;font-size:16px;" />
                <DayHoverStyle CssText="background-color:black;border-bottom-color:#eaeaea;border-bottom-style:solid;border-bottom-width:0px;border-left-color:#eaeaea;border-left-style:solid;border-left-width:0px;border-right-color:#eaeaea;border-right-style:solid;border-right-width:0px;border-top-color:#eaeaea;border-top-style:solid;border-top-width:0px;color:white;font-family:Arial;font-size:16px;font-weight:bold;" />
                <OtherMonthDayStyle CssText="color:#4a4a4a;font-family:Arial;font-size:16px;" />
                <TitleStyle CssText="background-color:black;border-bottom-color:#cfd9e3;border-bottom-style:solid;border-bottom-width:1px;color:#f97a02;font-family:Arial;font-size:14px;font-weight:bold;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;" />
                <DayHeaderStyle CssText="color:#d2d2d2;font-family:Arial;font-size:16px;font-weight:bold;height:17px;" />
            </eo:Calendar>

Code: Visual Basic.NET

Copy

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not Page.IsPostBack Then
            With Calendar1.SelectedDates
                .Add("12/25/2007")
                .Add("12/24/2007")
                .Add("12/31/2007")
                .Add("1/8/2008")
            End With
        End If
    End Sub

    Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.SelectionChanged
        Response.Write(Calendar1.SelectedDate)
    End Sub

eo_support

Posted: Wednesday, January 2, 2008 9:57:20 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,090

Hi,

Happy new year to you too! We have posted a new build that addressed this issue. Please see your private message for download location.

Thanks!

Eric T

Posted: Monday, January 14, 2008 7:35:33 PM

Rank: Member
Groups: Member

Joined: 6/5/2007
Posts: 15

EO,

I wanted to write back to tell you "thank you!" because your interim build did fix this problem. Thank you as always for your AMAZING support of your product!!!

Eric

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message