Hi,
We recently upgrade telerik version to - 2013.2 and when we deployed to windows 2003, the page doesn't load correctly in compatibility mode, however once we remove compatibility mode, the page loads correctly, i have provided a sample image for both.
The page contains a radsplitter, which we are thinking needs a tweak, can you please help.
I have attached code containing the splitter,
<telerik:RadSplitter ID="RadSplitter1" runat="server" BorderSize="0" Width="100%"
OnClientLoaded="InitializeScrollHandler">
<telerik:RadPane Scrolling="None" ID="navigationPane" runat="server" Width="100%"
OnClientResized="OnPaneResized" OnClientExpanded="OnPaneExpanded">
<div id="menuGrid" runat="server" name="menuGrid" style="background: url(../../Images/bgLine.JPG) repeat;
width: 100%">
<div class="buttonTop" style="width: 60px">
<asp:ImageButton ID="btnUploadTask" runat="server" OnClientClick="ShowImportMenu(event); return false;"
ImageUrl="~/Images/spacer.png" ToolTip="Edit Gate to use this function"></asp:ImageButton>
<br />
<asp:Label ID="lblImportTaskList" runat="server" Text="1. Import Task List" />
</div>
<div class="buttonTop" style="width: 60px">
<asp:ImageButton ID="btnAddNewTask" runat="server" OnClientClick="openAddNewTaskWin(false); return false;"
ImageUrl="~/Images/spacer.png" ToolTip="Edit Gate to use this function"></asp:ImageButton>
<br />
<asp:Label ID="lblAddNewTask" runat="server" Text="2. Add New Task" />
</div>
<div class="buttonTop" style="width: 55px">
<asp:ImageButton ID="btnAssignTeam" runat="server" OnClientClick="return false;"
ImageUrl="~/Images/group.png"></asp:ImageButton>
<br />
<asp:Label ID="lblAssignTeam" runat="server" Text="3. Assign Team" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnActions" runat="server" OnClientClick="openSetTaskDetailsWin(null); return false;"
ImageUrl="~/Images/spacer.png"></asp:ImageButton>
<br />
<asp:Label ID="lblSetDetails" runat="server" Text="4. Change Details" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnOtherActions" runat="server" ImageUrl="~/Images/Actions.png"
OnClientClick="ShowActionMenu(event);return false;"></asp:ImageButton>
<br />
<asp:Label ID="lblOtherAction" runat="server" Text="5. Other Actions" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnGantt" runat="server" ImageUrl="~/Images/gantt.png" OnClientClick="CreateChart(); ExpandPane(1);">
</asp:ImageButton>
<br />
<asp:Label ID="lblGantt" runat="server" Text="6. Gantt Graphic" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnAttachPortal" runat="server" ImageUrl="~/Images/AttachPortal.png"
OnClick="btnAttachPortal_Click" OnClientClick="setEditModeValue();"></asp:ImageButton>
<br />
<asp:Label ID="lblAttachPortal" runat="server" Text="7. Attach Files/Links" />
</div>
<div class="buttonCenter">
<asp:Image ID="imgLoading" runat="server" alt="Loading" src="../../Images/btnLoading.gif"
Style="display: none" />
<asp:ImageButton ID="btnApplyChanges" ImageUrl="~/Images/btnApplyChanges.jpg" OnClientClick="if(!ApplyChanges_Clicked()) return false;"
OnClick="btnApplyChanges_Click" runat="server" />
</div>
<div class="buttonTopRight" style="width: 50px">
<asp:ImageButton ID="btnExportToExcel" runat="server" ImageUrl="~/Images/excel_big.png"
OnClientClick="openExportGate(); SetFillGrid(); return false;"></asp:ImageButton>
<br />
<asp:Label ID="lblExportToExcel" runat="server" Text="Export with Gantt" />
</div>
<div class="buttonTopRight" style="width: 50px">
<asp:ImageButton ID="btnExportReport" runat="server" ImageUrl="~/Images/export_import icon.png"
OnClientClick="openExportReport(); SetFillGrid(); return false;"></asp:ImageButton>
<br />
<asp:Label ID="lblExportReport" runat="server" Text="Export Task List" />
</div>
<div style="clear: both;">
</div>
</div>
<div runat="server" id="divGrid" class="container" style="width: 100%; overflow: auto;">
<rgv:RGridView ID="gvTasks" runat="server" AutoGenerateColumns="false" Style="padding: 10px"
Width="1000px" DataKeyNames="Id" BackColor="White" OnRowDataBound="gvTasks_RowDataBound"
OnRowCreated="gvTasks_RowCreated" AllowPaging="true" PageSize="41" OnPageIndexChanged="gvTasks_OnPageIndexChanged">
<HeaderStyle BackColor="#7DA5E0" Height="30px" ForeColor="Black" />
<RowStyle Height="35px" />
<Columns>
<%--Column #1--%>
<asp:TemplateField>
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="cbSelectAll" runat="server" Visible="false" />
<asp:CheckBox ID="chkSelect" runat="server" />
<div style="font-size: 10px; color: Black; font-weight: bold">
<asp:LinkButton ID="btnClearFilter" runat="server" OnClientClick="setEditModeValue();"
OnClick="btnClearFilter_Click" Text="Clear Filter" ToolTip="Clear Filter" Visible="false"></asp:LinkButton>
 
</div>
<asp:Label ID="lblId" runat="server" Style="display: none;" Text='<% #DataBinder.Eval(Container.DataItem, "Id") %>' />
</ItemTemplate>
</asp:TemplateField>
<%--Column #2--%>
<asp:TemplateField HeaderStyle-Width="23px">
<ItemTemplate>
<img runat="server" id="imgEdit" style="cursor: pointer" src="../../Images/Edit.gif"
alt="edit" />
</ItemTemplate>
</asp:TemplateField>
<%--Column #3--%>
<asp:TemplateField HeaderText=" # ♦ " HeaderStyle-Width="20px">
<ItemTemplate>
<asp:Label ID="ctrCode" Width="30px" runat="server" Text=""></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<%--Column #4--%>
<asp:TemplateField HeaderText=" Task Status " HeaderStyle-Width="80px">
<ItemTemplate>
<asp:DropDownList ID="ctrStatus" CssClass="dropDown" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="ctrStatus_Filter" runat="server" CssClass="dropDown" AutoPostBack="true"
OnSelectedIndexChanged="ddlGenericFilter_SelectedIndexChanged" onclick="SaveCurrentSelectedValue(this);"
onchange="if(!IndexChanged(this)) return false;" Visible="false">
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</rgv:RGridView>
<table>
<tr>
<td>
<asp:TextBox ID="txtPageSize" runat="server" Width="25px" Height="21px" Style="vertical-align: top;"
ToolTip="Max 100" MaxLength="3" onkeypress="return onlyNumbers();" ValidationGroup="PageSize" />
</td>
<td>
<asp:ImageButton ID="imgPageSize" runat="server" ImageUrl="~/Images/setPageSize.png"
ToolTip="Max 100" OnClientClick="DontSetPageSizeText();" OnClick="imgPageSize_Click"
ValidationGroup="PageSize" />
</td>
<td>
<asp:Label ID="lblMessage" runat="server" ForeColor="Red" />
</td>
</tr>
</table>
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Both"></telerik:RadSplitBar>
<telerik:RadPane ID="contentPane" runat="server" Scrolling="Both" Collapsed="true"
OnClientBeforeExpand="LoadGantt" OnClientBeforeCollapse="HideGantt" Width="300px">
<div style="padding-top: 70px">
</div>
</telerik:RadPane>
</telerik:RadSplitter>
Thanks
Shri
We recently upgrade telerik version to - 2013.2 and when we deployed to windows 2003, the page doesn't load correctly in compatibility mode, however once we remove compatibility mode, the page loads correctly, i have provided a sample image for both.
The page contains a radsplitter, which we are thinking needs a tweak, can you please help.
I have attached code containing the splitter,
<telerik:RadSplitter ID="RadSplitter1" runat="server" BorderSize="0" Width="100%"
OnClientLoaded="InitializeScrollHandler">
<telerik:RadPane Scrolling="None" ID="navigationPane" runat="server" Width="100%"
OnClientResized="OnPaneResized" OnClientExpanded="OnPaneExpanded">
<div id="menuGrid" runat="server" name="menuGrid" style="background: url(../../Images/bgLine.JPG) repeat;
width: 100%">
<div class="buttonTop" style="width: 60px">
<asp:ImageButton ID="btnUploadTask" runat="server" OnClientClick="ShowImportMenu(event); return false;"
ImageUrl="~/Images/spacer.png" ToolTip="Edit Gate to use this function"></asp:ImageButton>
<br />
<asp:Label ID="lblImportTaskList" runat="server" Text="1. Import Task List" />
</div>
<div class="buttonTop" style="width: 60px">
<asp:ImageButton ID="btnAddNewTask" runat="server" OnClientClick="openAddNewTaskWin(false); return false;"
ImageUrl="~/Images/spacer.png" ToolTip="Edit Gate to use this function"></asp:ImageButton>
<br />
<asp:Label ID="lblAddNewTask" runat="server" Text="2. Add New Task" />
</div>
<div class="buttonTop" style="width: 55px">
<asp:ImageButton ID="btnAssignTeam" runat="server" OnClientClick="return false;"
ImageUrl="~/Images/group.png"></asp:ImageButton>
<br />
<asp:Label ID="lblAssignTeam" runat="server" Text="3. Assign Team" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnActions" runat="server" OnClientClick="openSetTaskDetailsWin(null); return false;"
ImageUrl="~/Images/spacer.png"></asp:ImageButton>
<br />
<asp:Label ID="lblSetDetails" runat="server" Text="4. Change Details" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnOtherActions" runat="server" ImageUrl="~/Images/Actions.png"
OnClientClick="ShowActionMenu(event);return false;"></asp:ImageButton>
<br />
<asp:Label ID="lblOtherAction" runat="server" Text="5. Other Actions" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnGantt" runat="server" ImageUrl="~/Images/gantt.png" OnClientClick="CreateChart(); ExpandPane(1);">
</asp:ImageButton>
<br />
<asp:Label ID="lblGantt" runat="server" Text="6. Gantt Graphic" />
</div>
<div class="buttonTop" style="width: 50px">
<asp:ImageButton ID="btnAttachPortal" runat="server" ImageUrl="~/Images/AttachPortal.png"
OnClick="btnAttachPortal_Click" OnClientClick="setEditModeValue();"></asp:ImageButton>
<br />
<asp:Label ID="lblAttachPortal" runat="server" Text="7. Attach Files/Links" />
</div>
<div class="buttonCenter">
<asp:Image ID="imgLoading" runat="server" alt="Loading" src="../../Images/btnLoading.gif"
Style="display: none" />
<asp:ImageButton ID="btnApplyChanges" ImageUrl="~/Images/btnApplyChanges.jpg" OnClientClick="if(!ApplyChanges_Clicked()) return false;"
OnClick="btnApplyChanges_Click" runat="server" />
</div>
<div class="buttonTopRight" style="width: 50px">
<asp:ImageButton ID="btnExportToExcel" runat="server" ImageUrl="~/Images/excel_big.png"
OnClientClick="openExportGate(); SetFillGrid(); return false;"></asp:ImageButton>
<br />
<asp:Label ID="lblExportToExcel" runat="server" Text="Export with Gantt" />
</div>
<div class="buttonTopRight" style="width: 50px">
<asp:ImageButton ID="btnExportReport" runat="server" ImageUrl="~/Images/export_import icon.png"
OnClientClick="openExportReport(); SetFillGrid(); return false;"></asp:ImageButton>
<br />
<asp:Label ID="lblExportReport" runat="server" Text="Export Task List" />
</div>
<div style="clear: both;">
</div>
</div>
<div runat="server" id="divGrid" class="container" style="width: 100%; overflow: auto;">
<rgv:RGridView ID="gvTasks" runat="server" AutoGenerateColumns="false" Style="padding: 10px"
Width="1000px" DataKeyNames="Id" BackColor="White" OnRowDataBound="gvTasks_RowDataBound"
OnRowCreated="gvTasks_RowCreated" AllowPaging="true" PageSize="41" OnPageIndexChanged="gvTasks_OnPageIndexChanged">
<HeaderStyle BackColor="#7DA5E0" Height="30px" ForeColor="Black" />
<RowStyle Height="35px" />
<Columns>
<%--Column #1--%>
<asp:TemplateField>
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="cbSelectAll" runat="server" Visible="false" />
<asp:CheckBox ID="chkSelect" runat="server" />
<div style="font-size: 10px; color: Black; font-weight: bold">
<asp:LinkButton ID="btnClearFilter" runat="server" OnClientClick="setEditModeValue();"
OnClick="btnClearFilter_Click" Text="Clear Filter" ToolTip="Clear Filter" Visible="false"></asp:LinkButton>
 
</div>
<asp:Label ID="lblId" runat="server" Style="display: none;" Text='<% #DataBinder.Eval(Container.DataItem, "Id") %>' />
</ItemTemplate>
</asp:TemplateField>
<%--Column #2--%>
<asp:TemplateField HeaderStyle-Width="23px">
<ItemTemplate>
<img runat="server" id="imgEdit" style="cursor: pointer" src="../../Images/Edit.gif"
alt="edit" />
</ItemTemplate>
</asp:TemplateField>
<%--Column #3--%>
<asp:TemplateField HeaderText=" # ♦ " HeaderStyle-Width="20px">
<ItemTemplate>
<asp:Label ID="ctrCode" Width="30px" runat="server" Text=""></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<%--Column #4--%>
<asp:TemplateField HeaderText=" Task Status " HeaderStyle-Width="80px">
<ItemTemplate>
<asp:DropDownList ID="ctrStatus" CssClass="dropDown" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="ctrStatus_Filter" runat="server" CssClass="dropDown" AutoPostBack="true"
OnSelectedIndexChanged="ddlGenericFilter_SelectedIndexChanged" onclick="SaveCurrentSelectedValue(this);"
onchange="if(!IndexChanged(this)) return false;" Visible="false">
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</rgv:RGridView>
<table>
<tr>
<td>
<asp:TextBox ID="txtPageSize" runat="server" Width="25px" Height="21px" Style="vertical-align: top;"
ToolTip="Max 100" MaxLength="3" onkeypress="return onlyNumbers();" ValidationGroup="PageSize" />
</td>
<td>
<asp:ImageButton ID="imgPageSize" runat="server" ImageUrl="~/Images/setPageSize.png"
ToolTip="Max 100" OnClientClick="DontSetPageSizeText();" OnClick="imgPageSize_Click"
ValidationGroup="PageSize" />
</td>
<td>
<asp:Label ID="lblMessage" runat="server" ForeColor="Red" />
</td>
</tr>
</table>
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Both"></telerik:RadSplitBar>
<telerik:RadPane ID="contentPane" runat="server" Scrolling="Both" Collapsed="true"
OnClientBeforeExpand="LoadGantt" OnClientBeforeCollapse="HideGantt" Width="300px">
<div style="padding-top: 70px">
</div>
</telerik:RadPane>
</telerik:RadSplitter>
Thanks
Shri