Hello,
I am trying to design a page that has a Header pane , a side menu pane , and a contents pane, using radSplitter.
See the folowing image to illustrate the desired result: Desired result
My problem is that the width\height of the contents pane exceeds the page limits, and are causing scroll bars to appear. Here is how it looks like: Result
(I have another minor question.. The oriantation peroperty behaves strange.. to get vertical oriantation I need to set it to Horizontal, and vice versa. See my code below)
I have simplified the code the the following:
As you can see the scrollbars are there for no reason and they adjust themselves if I resize the browser window. They even appear in full screen mode.
What can I do about them?
Also, please address the orientation problem I have mentioned.
Thanks,
Elad.
I am trying to design a page that has a Header pane , a side menu pane , and a contents pane, using radSplitter.
See the folowing image to illustrate the desired result: Desired result
My problem is that the width\height of the contents pane exceeds the page limits, and are causing scroll bars to appear. Here is how it looks like: Result
(I have another minor question.. The oriantation peroperty behaves strange.. to get vertical oriantation I need to set it to Horizontal, and vice versa. See my code below)
I have simplified the code the the following:
<%@ Page language="C#"%> | |
<%@ Register Assembly="Telerik.Web.UI, Version=2009.1.311.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> | |
<!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>test</title> | |
<style type="text/css"> | |
html,body,form{ | |
height:100%; | |
width:100%; | |
} | |
</style> | |
</head> | |
<body> | |
<form id="form1" runat="server"> | |
<asp:ScriptManager ID="ScriptManager1" runat="server" /> | |
<telerik:radSplitter runat="server" ID="mainSplitter" FullScreenMode="true" Orientation="Horizontal" BorderSize="0"> | |
<telerik:RadPane runat="server" ID="header" Height="120px"> | |
header | |
</telerik:RadPane> | |
<telerik:RadPane runat="server" ID="content"> | |
<telerik:RadSplitter Orientation="Vertical" runat="server" ID="InternalSplitter"> | |
<telerik:RadPane ID="ContentPane" runat="server"> | |
content | |
</telerik:RadPane> | |
<telerik:RadPane ID="SidePane" runat="server"> | |
side | |
</telerik:RadPane> | |
</telerik:RadSplitter> | |
</telerik:RadPane> | |
</telerik:RadSplitter> | |
</form> | |
</body> | |
</html> | |
As you can see the scrollbars are there for no reason and they adjust themselves if I resize the browser window. They even appear in full screen mode.
What can I do about them?
Also, please address the orientation problem I have mentioned.
Thanks,
Elad.