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

Splitter

1 Answer 49 Views

Splitter

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

Jason asked on 26 Nov 2008, 02:38 PM

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

    
            <%@ 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>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Splitter

1 Answer, 1 is accepted