This is a migrated thread and some comments may be shown as answers.

IE8 Compatibility View Issue

1 Answer 93 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Leo
Top achievements
Rank 1
Leo asked on 30 Jul 2010, 09:39 AM
Hi I'm facing an issue using RadScheduler in Compatibility view.
My web application has to run also in IE6 environment, but using RadScheduler I'm facing a rendering problem.

There's my code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadScheduler.aspx.cs" Inherits="Default" %>
<%@ Register Assembly="Telerik.Web.UI, Version=2010.2.713.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4"
    Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
     
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <asp:Panel runat="server" ID="pnl" CssClass="page">
        <table cellpadding="0" cellspacing="0" width="100%" border="0" height="100%" class="pageContent">
            <!-- Header -->
            <tr>
                <td class="header_final">
                    <table width="100%">
                        <tr>
                            <td width="80%">
                            </td>
                            <td class="header_loggeduser">
                                wellcome
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td width="100%" height="100%">
                    <telerik:RadSplitter Skin="WebBlue" BorderSize="0" ID="RadSplitter2" runat="server"
                        Height="100%" Width="100%">
                        <telerik:RadPane ID="LeftPane" runat="server" Width="200" Scrolling="None">
                            ciao header
                        </telerik:RadPane>
                        <telerik:RadSplitBar ID="RadSplitbar2" EnableResize="false" runat="server" CollapseMode="Forward">
                        </telerik:RadSplitBar>
                        <telerik:RadPane ID="MiddlePane" runat="server">
                            <!-- Content -->
                            <!--<td valign="Top">-->
                            <table width="100%">
                                <tr>
                                    <td>
                                        <asp:UpdatePanel runat="server" ID="MasterUpdatePanel">
                                            <ContentTemplate>
                                                <asp:Button ID="Button1" runat="server" Text="Button" />
                                                <div>
                                                    <telerik:RadScheduler ID="SchedulerAttivita" runat="server" style="z-index:0;"
                                                        EnableCustomAttributeEditing="True" Width="759px" AllowDelete="False" AllowInsert="False"
                                                        WeekView-HeaderDateFormat="dd/MM/yyyy" MonthView-UserSelectable="false"
                                                        TimelineView-UserSelectable="false" DayView-UserSelectable="true"
                                                         OverflowBehavior="Expand"                                                      
                                                        ShowFooter="False" ShowAllDayRow="False" AppointmentStyleMode="Default"
                                                         FirstDayOfWeek="Monday" AdvancedForm-Enabled="false"
                                                        LastDayOfWeek="Friday" DataKeyField="ID" DataStartField="DATA_INIZIO" DataEndField = "DATA_FINE"
                                                        DataSubjectField="SUBJECT" SelectedView="WeekView"
                                                         Culture="it-IT" EnableAdvancedForm="False" HoursPanelTimeFormat="t">
                                                            <AdvancedForm Enabled="False" EnableCustomAttributeEditing="True"></AdvancedForm>
                                                            <Localization  />
                                                            <TimelineView UserSelectable="False"></TimelineView>
                                                            <WeekView HeaderDateFormat="dd/MM/yyyy"></WeekView>
                                                            <MonthView UserSelectable="False"></MonthView>
                                                    </telerik:RadScheduler>
                                                </div>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    </td>
                                </tr>
                            </table>
                            <!--</td>-->
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </td>
            </tr>
        </table>
    </asp:Panel>
    </form>
</body>
</html>


I also attach a screenshot of what I'm seeing in my browser.

In IE8 mode, it works perfectly.

thanks in advance for your answers.

bye

Leo

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 30 Jul 2010, 03:01 PM
Hello Leo,

You've hit the position: relative bug in IE6/7. To work around it, add position: relative to all your scrolling containers.

Kind regards,
Kamen Bundev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Scheduler
Asked by
Leo
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or