Hi,
RadSplitter height 100% is not working.The requirement is there should not be Scroll bar.Insead scroll bar the splitter should increase the height based on content in the user control. Please see the below code and suggest me how to make the splitter to change its height based on its data in the user control.
Please look the attached jpg file.
<%@ Page Language=
"C#"
%>
<%@ Register TagPrefix=
"telerik"
Assembly=
"Telerik.Web.UI, Version=2009.3.1314.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4"
Namespace=
"Telerik.Web.UI"
%>
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head runat=
"server"
>
<title>Testled Page</title>
<style type=
"text/css"
>
html, body, form
{
height: 100%;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<form id=
"form1"
runat=
"server"
>
<asp:ScriptManager ID=
"ScriptManager1"
runat=
"server"
>
</asp:ScriptManager>
<telerik:RadSplitter ID=
"RadSplitter1"
runat=
"server"
Width=
"100%"
Height=
"100%"
>
<telerik:RadSplitBar ID=
"Radsplitbar1"
runat=
"server"
></telerik:RadSplitBar>
<telerik:RadPane ID=
"MiddlePane1"
runat=
"server"
Scrolling=
"None"
>
<telerik:RadSplitter ID=
"Radsplitter2"
runat=
"server"
Orientation=
"Horizontal"
VisibleDuringInit=
"false"
ResizeWithParentPane=
"true"
>
<telerik:RadSplitBar ID=
"Radsplitbar3"
runat=
"server"
></telerik:RadSplitBar>
<telerik:RadPane ID=
"Radpane2"
runat=
"server"
>
<!--User control -->
<!-- for testing i have given these dummy data -->
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
<table border=
"1"
><tr><td>Test</td></tr></table>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
<telerik:RadSplitBar ID=
"RadSplitBar2"
runat=
"server"
></telerik:RadSplitBar>
<telerik:RadPane ID=
"EndPane"
runat=
"server"
Width=
"22px"
Scrolling=
"None"
>
<telerik:RadSlidingZone ID=
"Radslidingzone1"
runat=
"server"
Width=
"35px"
ClickToOpen=
"true"
SlideDirection=
"Left"
>
<telerik:RadSlidingPane ID=
"Radslidingpane5"
Title=
"Analysis Period"
runat=
"server"
Width=
"275px"
>
<!--User control -->
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID=
"Radslidingpane6"
Title=
"Trend Builder"
runat=
"server"
Width=
"250px"
>
<!--User control -->
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID=
"Radslidingpane4"
Title=
"Configuration Settings"
runat=
"server"
Width=
"250px"
>
<!--User control -->
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID=
"Radslidingpane7"
Title=
"SmartSupport"
runat=
"server"
Width=
"275px"
>
<!--User control -->
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>
</form>
</body>
</html>
Please Suggest me how to solve this problem.
With regards,
Marees
Email:m.arunachalam@shell.com