RadMultiPage ScrollBars

3 posts, 0 answers
  1. alex lexx
    alex lexx avatar
    5 posts
    Member since:
    May 2010

    Posted 15 Mar 2011 Link to this post

    According to http://www.telerik.com/help/aspnet-ajax/tab_radmultipagescrollbars.html
    In next example the entire page is scrolled as a whole. How to make that only the content of page is scrolled? (like in picture. 3 from yours documentation)

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="WebDesigner.WebForm4" %>
     
    <%@ 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">
    <head runat="server">
        <style type="text/css">
            html, body, form
            {
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="ScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadTabStrip ID="exceptionTabStrip" runat="server" SelectedIndex="0" MultiPageID="exceptionMultiPage">
            <Tabs>
                <telerik:RadTab runat="server" Text="short" Selected="True">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="long">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="exceptionMultiPage" runat="server"
            ScrollBars="Auto" SelectedIndex="0">
            <telerik:RadPageView ID="ShortException" runat="server" Selected="True">
                <div>
                    ShortException
                </div>
            </telerik:RadPageView>
            <telerik:RadPageView ID="DetailedException" runat="server">
                <div>
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                    DetailedException DetailedException DetailedException DetailedException
                    <br />
                </div>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
        </form>
    </body>
    </html>
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Mar 2011 Link to this post

    Hello Alex,

    You could put the entire pageview in a container and autosize the pageview so that the entire control will be scrolled.
    Hope it helps.

    Thanks,
    Shinu.
  3. alex lexx
    alex lexx avatar
    5 posts
    Member since:
    May 2010

    Posted 16 Mar 2011 Link to this post

    Can you give an example?
    I put RadMultiPage in a container (RadSplitter), but there is a problem: need to set HeightOffset equal to the height Tabs height. Tabs height is different for different styles.


    And I hope there is an honest way to do scrolling in TabPage.
    Can anyone help me?
Back to Top