RadPane scrolling problem

3 posts, 0 answers
  1. Asif
    Asif avatar
    49 posts
    Member since:
    Jul 2010

    Posted 21 Jan 2011 Link to this post

    Dear Support,

    I have used Radsplitter in which I want to fixed the header section, while my body section should scroll.
    While scrolling my header section should not scroll it should be steady there only.
    Both my header and Body section are in RadPane only.
    Please guid me.

    <telerik:RadSplitter ID="RadSplitter1" runat="server" OnClientLoad="SplitterLoad" Skin="Vista">
                <telerik:RadPane ID="LeftPane" runat="server" Width="670px">
                    <div id="divHeading" runat="server" style="position: fixed; width:650px;">
                Here his my table showing Header Section
            </div>
                    <div id="divBody" runat="server" style="overflow: auto;">
                Here I have used radGridView
             </div>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both"></telerik:RadSplitBar>
                <telerik:RadPane ID="EndPane" runat="server">
                    Another gridview
                </telerik:RadPane>
    </telerik:RadSplitter>
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 26 Jan 2011 Link to this post

    Hi Asif,

    For this scenario I would recommend you to add another RadSplitter control inside the RadPane to provide the horizontal split, e.g.:
    <telerik:RadSplitter ID="RadSplitter1" runat="server" OnClientLoad="SplitterLoad"
        Skin="Vista">
        <telerik:RadPane ID="LeftPane" runat="server" Width="670px">
            <telerik:RadSplitter ID="leftPaneNestedSplitter" runat="server" Orientation="Horizontal">
                <telerik:RadPane ID="headingPane" runat="server">
                    table showing Header Section
                </telerik:RadPane>
                <telerik:RadPane ID="bodyPane" runat="server">
                    radGridView
                </telerik:RadPane>
            </telerik:RadSplitter>
        </telerik:RadPane>
    ..........

    I hope this helps.

    Regards,
    Dobromir
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Asif
    Asif avatar
    49 posts
    Member since:
    Jul 2010

    Posted 27 Jan 2011 Link to this post

    thanks for your suppot

    it works!!
Back to Top