Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > multipage with rounded ends like example
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

multipage with rounded ends like example

Feed from this thread
  • AilWeb Intermediate avatar

    Posted on Aug 14, 2007 (permalink)

    Im looking at this example
    example

    What I would like to achieve, is the ability to have rounded corners on the bottom of the multipage pageviews AND have the area expand as more text is placed there.  The example is limited by how much text can go in the area defined by the height of the background image.

    ideas ?


  • Paul Paul admin's avatar

    Posted on Aug 14, 2007 (permalink)

    Hello AilWeb,

    You can easily achieve your goal by using RoundedConrners Extender from the AJAX Control Toolkit. Here is an example:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
     
    <%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="radTS" %> 
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head runat="server">  
        <title>Untitled Page</title> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
            <radTS:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" SelectedIndex="0">  
                <Tabs> 
                    <radTS:Tab ID="Tab1" runat="server" Text="Root Tab">  
                    </radTS:Tab> 
                    <radTS:Tab ID="Tab2" runat="server" Text="Root Tab">  
                    </radTS:Tab> 
                    <radTS:Tab ID="Tab3" runat="server" Text="Root Tab">  
                    </radTS:Tab> 
                </Tabs> 
            </radTS:RadTabStrip> 
            <radTS:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">  
                <radTS:PageView runat="server" ID="PageView1">  
                    One  
                </radTS:PageView> 
                <radTS:PageView runat="server" ID="PageView2">  
                    Two  
                </radTS:PageView> 
                <radTS:PageView runat="server" ID="PageView3">  
                    Three  
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                </radTS:PageView> 
            </radTS:RadMultiPage> 
            <cc1:RoundedCornersExtender ID="RoundedCornersBehavior1" TargetControlID="RadMultiPage1" runat="server" Corners="all" Radius="4" BorderColor="SteelBlue" /> 
        </form> 
    </body> 
    </html> 

    Sincerely yours,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center

  • AilWeb Intermediate avatar

    Posted on Aug 14, 2007 (permalink)

    Yes, thank you.  that set me on the right track.


Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > multipage with rounded ends like example