Hello,
We developed our application for use in IE7 but have recently been told that it also needs to work in IE 6. For the most part, there aren't many big issues, however, I'm experiencing a problem with the WebDateChooser control where the drop down calendar is not visible... or at least, most of it is not.
When you click on the control to expose the calendar, only the Month and Year drop down lists are available, and portions of the controls underneath are not visible, while the actual calendar is not.
It works perfectly fine in IE 7.
Here is the markup for the control:
<igsch:WebDateChooser ID="SelectedDate" Width="120px" runat="server" EnableViewState="False" AutoPostBack-ValueChanged="true" Value="" CssClass="WebDateChooserMain" ClientSideEvents-CalendarRenderDay="WebDateChooser1_CalendarRenderDay"> <DropDownStyle CssClass="WebDateChooserCalendar" BackColor="#87BCE8"> </DropDownStyle> <AutoPostBack ValueChanged="True"></AutoPostBack> <ExpandEffects Type="RandomDissolve"></ExpandEffects> <CalendarLayout> <CalendarStyle CssClass="WebDateChooserCalendar"> </CalendarStyle> <DayHeaderStyle> <BorderDetails ColorBottom="135, 188, 232" StyleBottom="Solid" WidthBottom="1px" /> </DayHeaderStyle> <SelectedDayStyle BackColor="#87BCE8" /> <TitleStyle CssClass="WebDateChooserBackGround" /> <FooterStyle CssClass="WebDateChooserBackGround" /> <DropDownStyle CssClass="WebDateChooserDropDown"> </DropDownStyle> </CalendarLayout> </igsch:WebDateChooser>
The WebDateChooser1_CalendarRenderDay event handler essentially executes javascript to disable (grey-out) days > max date and < min date.
There are no errors being reported.
I have attached an image showing what the calendar looks like in IE 7 as well as what it looks like in IE 6.
If anyone has any ideas on how to fix this IE 6 issue please let me know!
Just by chance I happened to figure out the solution to this problem - I figured I'd post it here in the off-chance someone else ever experiences the same issue. The problem was with the Expand Effect. I deleted the following line from the markup and the calendar now displays fine in IE 6 and up:
<ExpandEffects Type="RandomDissolve"></ExpandEffects>