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

How can we add TabStrip in Custom Server control

2 Answers 56 Views

TabStrip

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

2 Answers, 1 is accepted

answered on 25 Sep 2008, 01:36 PM

Hi Sagar,

Without knowing quite what functionality you are looking for it is hard to say what to put into the control, but here goes... :)

This the control file:

WebUserControl.ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0">  
        
                <Tabs> 
        
                    <telerik:RadTab runat="server" Selected="True" Text="Root RadTab1">  
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Root RadTab2">  
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Root RadTab3">  
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Root RadTab4">  
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Root RadTab5">  
        
                    </telerik:RadTab> 
        
                </Tabs> 
        
            </telerik:RadTabStrip>

And here is WebUserControl.ascx.cs:

    
            using System;  
        
            using System.Collections;  
        
            using System.Configuration;  
        
            using System.Data;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.Security;  
        
            using System.Web.UI;  
        
            using System.Web.UI.HtmlControls;  
        
            using System.Web.UI.WebControls;  
        
            using System.Web.UI.WebControls.WebParts;  
        
            using System.Xml.Linq;  
        
            public partial class WebUserControl : System.Web.UI.UserControl  
        
            {  
        
                public int TabSelected  
        
                {  
        
                    get { return RadTabStrip1.SelectedIndex; }  
        
                    set { RadTabStrip1.SelectedIndex = value; }  
        
                }  
        
            }

This lets you get the selected index value of the RadTabStrip in the following aspx file... Sorry it is part of a master/content setup, I do all my testing in there! The important things to note are registering the control at the top and how you add the control to the page.

Default6.aspx

    
            <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" Title="Untitled Page" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register Src="~/WebUserControl.ascx" TagName="MyControl" TagPrefix="myweb" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">  
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">  
        
            <br /> 
        
                <myweb:MyControl ID="MyTabControl" runat="server" /> 
        
            <br /><br /> 
        
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
        
            <br /><br /> 
        
                <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> 
        
            <br /> 
        
            </asp:Content>

And last but not least, when you click the button here is the code-behind that shows how you access the value from the control:

Default6.aspx.cs

    
            using System;  
        
            using System.Collections;  
        
            using System.Configuration;  
        
            using System.Data;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.Security;  
        
            using System.Web.UI;  
        
            using System.Web.UI.HtmlControls;  
        
            using System.Web.UI.WebControls;  
        
            using System.Web.UI.WebControls.WebParts;  
        
            using System.Xml.Linq;  
        
            public partial class Default6 : System.Web.UI.Page  
        
            {  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {    }  
        
                protected void Button1_Click(object sender, EventArgs e)  
        
                {  
        
                    Label1.Text = MyTabControl.TabSelected.ToString();  
        
                }  
        
            }

That's it in a nutshell. =D