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

[Solved] I have two probleams about RadPane、RadSplitter

1 Answer 143 Views

Splitter

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

Arthur Wu asked on 04 Aug 2010, 03:21 AM

1.IE6 (all/partial)supports RadPane、RadSplitter ?

2.In ie6,"rg_Dtl" and "botton" are in bottom and middle leave space.
How to reslove ? thx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" 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">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body style="margin: 0px">

<form id="form1" runat="server" method="post">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Windows7"

Height="22px" Width="16px">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<table>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<telerik:RadSplitter ID="rs_Pro" runat="server" Width="1000px" Height="600px" Skin="Web20"

ForeColor="Gray" ResizeWithBrowserWindow="True" ResizeWithParentPane="True">

<telerik:RadPane ID="rp_Pro" runat="server" Width="700px" Height="600px" Scrolling="none"

SkinID="Web20" PersistScrollPosition="False">

<telerik:RadTabStrip ID="rts_Pro" runat="server" MultiPageID="rmp_Pro" SelectedIndex="0"

ShowBaseLine="True" Skin="Web20">

<Tabs>

<telerik:RadTab runat="server" PageViewID="rpv_Pro" PostBack="true" SelectedIndex="0"

Value="rpv_ProData" Text="rpv_Pro">

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="rpv_Peop" PostBack="true" SelectedIndex="1"

Value="rpv_PeopData" Text="rpv_Peop" Selected="True">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rmp_Pro" runat="server" SelectedIndex="1">

<%--pro--%>

<telerik:RadPageView ID="rpv_Pro" runat="server" Height="340px" Width="700px">

<telerik:RadGrid ID="rg_Pro" runat="server" AllowPaging="True" AutoGenerateColumns="False"

PagerStyle-AlwaysVisible="true" GridLines="None" Height="340px" PageSize="8"

SelectedItemStyle-BackColor="#ffff99" Skin="Web20" Width="700px">

<PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="8" />

<MasterTableView BorderColor="#909090" BorderWidth="1px" CommandItemDisplay="Top"

DataKeyNames="ProSeq">

</MasterTableView><SelectedItemStyle BackColor="#FFFF99" />

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" SaveScrollPosition="True" UseStaticHeaders="True">

</Scrolling>

</ClientSettings>

</telerik:RadGrid></telerik:RadPageView>

<%--peop--%>

<telerik:RadPageView ID="rpv_Peop" runat="server" Height="340px" Width="700px" Selected="True">

<telerik:RadSplitter ID="RSplitterProMain" runat="server" ForeColor="Gray" Height="340px"

Skin="Web20" Width="700px">

<telerik:RadPane ID="RPaneProDate" runat="server" Height="340px" Scrolling="none"

Width="700px">

<telerik:RadSplitter ID="RSplitterPolicy" runat="server" ForeColor="Gray" Skin="Web20"

Width="700px" Height="290px">

<telerik:RadPane ID="RPaneInsuredCust" runat="server" Width="700px" Scrolling="none"

Height="290px">

<telerik:RadGrid ID="RadGriRel" runat="server" AutoGenerateColumns="False" GridLines="none"

Height="93px" Skin="Web20" Width="700px">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Prpslrelseq">

</MasterTableView><SelectedItemStyle BackColor="#FFFF99" />

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" SaveScrollPosition="True" UseStaticHeaders="True">

</Scrolling>

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter></telerik:RadPageView>

</telerik:RadMultiPage>

<%--dtl--%>

<telerik:RadGrid ID="rg_Dtl" runat="server" AutoGenerateColumns="False" BorderColor="#909090"

BorderWidth="1px" GridLines="none" Height="180px" SelectedItemStyle-BackColor="#ffff99"

Skin="Web20" Width="700px">

<MasterTableView DataKeyNames="DtlSeq" AllowSorting="true" AllowMultiColumnSorting="true">

</MasterTableView><ClientSettings>

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" SaveScrollPosition="True" UseStaticHeaders="True">

</Scrolling>

</ClientSettings>

</telerik:RadGrid>

<%--botton--%>

<telerik:RadSplitter ID="rs_ProButton" runat="server" ForeColor="Gray" Height="80px"

ResizeWithBrowserWindow="True" ResizeWithParentPane="True" Skin="Web20" Width="700px">

<telerik:RadPane ID="rp_ProButton" runat="server" BackColor="#EFEFEF" Height="80px"

PersistScrollPosition="False" Scrolling="None" SkinID="Web20" Width="700px">

<asp:Button ID="btn_1" runat="server" Text="btn_1" Width="90px" />

<asp:Button ID="btn_2" runat="server" Text="btn_2" Width="90px" />

<asp:Button ID="btn_3" runat="server" Text="btn_3" Width="90px" />

<asp:Button ID="btn_4" runat="server" Text="btn_4" Width="90px" />

<asp:Button ID="btn_5" runat="server" Text="btn_5" Width="105px" />

<asp:Button ID="btn_6" runat="server" Text="btn_6" Width="105px" />

<asp:Button ID="btn_7" runat="server" Text="btn_7" Width="100px" />

<br />

<asp:Button ID="btn_8" runat="server" Text="btn_8" Width="80px" />

<asp:Button ID="btn_9" runat="server" Text="btn_9" Width="80px" />

<asp:Button ID="btn_10" runat="server" Text="btn_10" Width="100px" />

<asp:Button ID="btn_11" runat="server" Text="btn_11" Width="80px" ForeColor="red" />

<asp:Button ID="btn_12" runat="server" Text="btn_12" Width="80px" />

<asp:Button ID="btn_13" runat="server" Text="btn_13" Width="90px" />

<%If Session("Agent") = "john" Then%>

<script type="text/javascript"

>                                        function JohnDebug() { window.open("xxx.aspx", "_blank"); }</

script>

<asp:Button ID="btn_14" runat="server" Text="btn_14" Width="100px" />

<% End If%>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

1 Answer, 1 is accepted

answered on 09 Aug 2010, 09:17 AM

default-new-splitter.zip

Hello Arthur Wu,

Straight to your questions:

1) The RadSplitter as all RadControls supports IE6 as shown in the table below:

http://www.telerik.com/products/aspnet-ajax/getting-started/browser-support.aspx

If you have a particular problem under IE6, please provide more details and we will examine it and we will do our best to help.

2) I examined your code and I found some invalid settings. That is why I prepared for you the following notes:

- when you have a RadSplitter with only one RadPane, do not set sizes to this RadPane - it will automatically become 100% of the splitter. If you set different size you might end up with invalid calculations because the correct behavior is that all the RadPanes sum size is exactly the size of the splitter, either in pixel or percentages. If you set correct sizes explicitly to the RadPane, there will not be invalid calculations, but additional calculations for the pane are performed and you slow the performance in this manner without any benefit.

- the content in the pane in the outermost splitter has more than 600px height - it is 340 + 340 + 80 + 1 grid - please determine what is the exact size and set it to the outermost splitter. Otherwise, the content will exceed and scrollbars should show but due to forbidding the scrollling, part of the bottom will be cut off.

- the area above the grid in mention is actually a page view with 340px height - to confirm this I put background color to it. If you do not want the page view there or you want the grid in the page view, modify your layout accordingly.

- you have set invalid settings to the tabstrip and page view - you have set selected to all the page views and tabs and this causes unexpected behavior. All you should do is to set one initial tab and its pageview to be selected. Otherwise you get unexpected behavior due to the time of load of each settings and in this particular case you have the tab with index 0 initially selected but the pageview with index 1 shown and this behavior changes after first selection change.

- when you have a splitter nested in a RadPane but not directly in the pane, you should set ResizeWithParentPane to false because otherwise the splitter will aim top become 100% of the parent pane and in this case it should be 100% of the direct parent which is not the pane.

I hope that my reply is helpful and for your convenience I modified your layout accordingly and attached it to the page. I also strongly recommend to examine the RadSplitter demos below:

http://demos.telerik.com/aspnet-ajax/splitter/examples/overview/defaultcs.aspx

to get a better understanding on how the control should be configured.

All the best,
Svetlina
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