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

RadMultiPage ScrollBars

2 Answers 114 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
alex lexx
Top achievements
Rank 1
alex lexx asked on 15 Mar 2011, 04:24 PM
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 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 16 Mar 2011, 06:02 AM
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.
0
alex lexx
Top achievements
Rank 1
answered on 16 Mar 2011, 09:29 AM
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?
Tags
TabStrip
Asked by
alex lexx
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
alex lexx
Top achievements
Rank 1
Share this question
or