Dear all,
I am trying to set several splitters to retrieve a look and feel similar to windows explorer.
I want one thin area at the top.
Underneath, I want an area on the left separated from the right by a Splitter bar.
First Problem: scroll bars
The code below almost work but I get both horizontal and vertical scroll bars while I would expect none.
I am trying to use 100% everywhere as I want to use the entire screen.
Any idea how to get rid of them?
Second Problem: useless javascript
You may have noticed that the javascript is useless (I inherited it from one of the samples).
But if I remove it, the entire page becomes wonky as if the first splitter had a width of 50% and the second a height of 0.
Does that make sense?
Many thanks
I am trying to set several splitters to retrieve a look and feel similar to windows explorer.
I want one thin area at the top.
Underneath, I want an area on the left separated from the right by a Splitter bar.
First Problem: scroll bars
The code below almost work but I get both horizontal and vertical scroll bars while I would expect none.
I am trying to use 100% everywhere as I want to use the entire screen.
Any idea how to get rid of them?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SplitterTests.aspx.cs" Inherits="Test2.SplitterTests" %> |
<%@ 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" style="height:100%" > |
<head id="Head1" runat="server"> |
<title></title> |
</head> |
<body style="height:100%;margin:0px" scroll="no"> |
<form id="form1" runat="server" style="height:100%;margin:0px"> |
<asp:ScriptManager ID="ScriptManager1" runat="server"> |
</asp:ScriptManager> |
<script type="text/javascript"> |
function ChangeUrl(sender, args) { |
var pane = $find("<%= RadPane2.ClientID %>"); |
pane.set_contentUrl(args.get_newValue()); |
} |
</script> |
<telerik:RadSplitter ID="RadSplitter1" Runat="server" Height="100%" Width="100%" Orientation="Horizontal"> |
<telerik:RadPane ID="RadPane1" Runat="server" Width="100%" BackColor="Aqua" Height="30px">RadPane1 |
</telerik:RadPane> |
<telerik:RadPane ID="RadPane2" Runat="server" BackColor="BlueViolet" Height="100%"> |
<telerik:RadSplitter ID="RadSplitter2" runat="server" Height="100%"> |
<telerik:RadPane ID="RadPane3" runat="server" BackColor="Beige"> |
</telerik:RadPane> |
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> |
<telerik:RadPane ID="RadPane4" runat="server"> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</form> |
</body> |
</html> |
Second Problem: useless javascript
You may have noticed that the javascript is useless (I inherited it from one of the samples).
But if I remove it, the entire page becomes wonky as if the first splitter had a width of 50% and the second a height of 0.
Does that make sense?
Many thanks