How can I get the splitter to not behav like a frame?
When I use the following code, it appears nice.
When I add a bunch content, to the RadPane2 I get vertical scrollbars.
I would like for it to size automatically to the content within
When I use the following code, it appears nice.
When I add a bunch content, to the RadPane2 I get vertical scrollbars.
I would like for it to size automatically to the content within
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> | |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="rad" %> | |
| <!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 id="Head1" runat="server"> | |
| <title>Untitled Page</title> | |
| <style type="text/css"> | |
| html, body, form | |
| { | |
| height: 100%; | |
| overflow: hidden; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <form id="form1" runat="server"> | |
| <div id="header" style="height:100px;background-color:Gray;">Header</div> | |
| <rad:radscriptmanager runat="server"></rad:radscriptmanager> | |
| <rad:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" | |
| HeightOffset="200"> | |
| <rad:RadPane ID="SideNav" runat="server" width="180" MinWidth="180"></rad:RadPane> | |
| <rad:RadSplitBar id="VerticalSplitBar" runat="server" CollapseMode="Forward" /> | |
| <rad:RadPane ID="RadPane2" runat="server"> | |
| </rad:RadPane> | |
| </rad:RadSplitter> | |
| <div id="footer" style="height:100px;background-color:Gray;">Footer</div> | |
| </form> | |
| </body> | |
| </html> |