New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

The RadTabStrip control is used to display a list of tabs in a Web Forms page and is often used in combination with a RadMultiPage control for building tabbed interfaces. The RadTabStrip control supports the following features:

  • Databinding that allows the control to be populated from various datasources
  • Programmatic access to the RadTabStrip object model which allows to dynamic creation of tabstrips, populate h tabs, set properties.
  • Customizable appearance through built-in or user-defined skins.

Tabs

The RadTabStrip control is made up of tree of tabs represented by RadTab objects. Tabs at the top level (level 0) are called root tabs. A tab that has a parent tab is called a child tab. All root tabs are stored in the Tabs collection. Child tabs are stored in a parent tab's Tabs collection.

Each tab has a Text and a Value property. The value of the Text property is displayed in the RadTabStrip control, while the Value property is used to store any additional data about the tab, such as data passed to the postback event associated with the tab. When clicked, a tab can navigate to another Web page indicated by the NavigateUrl property.

You can find information on the Server-side API of RadTabStrip at .

Definition

Namespace:Telerik.Web.UI

Assembly:Telerik.Web.UI.dll

Syntax:

C#
[EmbeddedSkin("TabStrip", typeof(RadTabStrip))]
[EmbeddedSkin("TabStrip", "Default", typeof(RadTabStrip))]
[RequiredCss("Telerik.Web.UI.Skins.Common.fonticons.css", RenderMode.Lightweight, typeof(RadTabStrip))]
[RequiredCss("Telerik.Web.UI.Skins.Common.MaterialRipple.css", RenderMode.Lightweight, typeof(RadButton))]
[RequiredScript(typeof(ScrollingScripts))]
[RequiredScript(typeof(jQueryPlugins))]
[RequiredScript(typeof(MaterialRipple))]
[ClientScriptResource("Telerik.Web.UI.RadTabStrip", "Telerik.Web.UI.TabStrip.RadTabStripScripts.js")]
[TelerikToolboxCategory("Navigation")]
[ToolboxBitmap(typeof(RadTabStrip), "Toolbox.Icons.TabStrip.png")]
public class RadTabStrip : HierarchicalControlItemContainer, IComponent, IDisposable, IParserAccessor, IUrlResolutionService, IDataBindingsAccessor, IControlBuilderAccessor, IControlDesignerAccessor, IExpressionsAccessor, IAttributeAccessor, IScriptControl, IControlResolver, IPostBackDataHandler, ISkinnableControl, IControl, IFeatureGroup, INamingContainer, IXmlSerializable, IControlItemContainer, IRadTabContainer, IPostBackEventHandler

Inheritance: objectControlWebControlBaseDataBoundControlDataBoundControlRadDataBoundControlControlItemContainerHierarchicalControlItemContainerRadTabStrip...

Implements: IAttributeAccessorIComponentIControlIControlBuilderAccessorIControlDesignerAccessorIControlItemContainerIControlResolverIDataBindingsAccessorIDisposableIExpressionsAccessorIFeatureGroupINamingContainerIParserAccessorIPostBackDataHandlerIPostBackEventHandlerIRadTabContainerIScriptControlISkinnableControlIUrlResolutionServiceIXmlSerializable...

Inherited Members HierarchicalControlItemContainer.LoadViewState(object)HierarchicalControlItemContainer.SaveViewState()HierarchicalControlItemContainer.TrackViewState()HierarchicalControlItemContainer.GetDataSource()HierarchicalControlItemContainer.PerformDataBinding(IEnumerable)HierarchicalControlItemContainer.FindChildByUrl<TControlItem>(string)HierarchicalControlItemContainer.FindItemByHierarchicalIndex(string)ControlItemContainer.PrepareForDataBinding()ControlItemContainer.GetXml()ControlItemContainer.LoadXml(string)ControlItemContainer.CreateItem(ClientStateLogEntry)ControlItemContainer.FindChild<TControlItem>(Predicate<TControlItem>)ControlItemContainer.GetAllChildren<TControlItem>()ControlItemContainer.FindChildByValue<TControlItem>(string)ControlItemContainer.FindChildByValue<TControlItem>(string, bool)ControlItemContainer.FindChildByText<TControlItem>(string)ControlItemContainer.FindChildByText<TControlItem>(string, bool)ControlItemContainer.FindChildByAttribute<TControlItem>(string, string)ControlItemContainer.InitializeItem(ControlItem)ControlItemContainer.ReadXml(XmlReader)ControlItemContainer.GetItemTypeFromXmlTagName(string)ControlItemContainer.ReadXmlForChildren(XmlReader)ControlItemContainer.WriteXml(XmlWriter)ControlItemContainer.WriteXmlForChildren(XmlWriter)ControlItemContainer.GetXml(XmlSerializer, TextWriter)ControlItemContainer.LoadXml(ControlItemContainer)ControlItemContainer.GetPostbackEventReference()ControlItemContainer.KeyboardNavigationSettingsControlItemContainer.TemplateControlItemContainer.ChildrenControlItemContainer.TagKeyDataBoundControl.OnCreatingModelDataSource(CreatingModelDataSourceEventArgs)DataBoundControl.CreateDataSourceSelectArguments()DataBoundControl.GetData()DataBoundControl.MarkAsDataBound()DataBoundControl.OnDataPropertyChanged()DataBoundControl.OnDataSourceViewChanged(object, EventArgs)DataBoundControl.OnLoad(EventArgs)DataBoundControl.OnPagePreLoad(object, EventArgs)DataBoundControl.PerformSelect()DataBoundControl.ValidateDataSource(object)DataBoundControl.DataMemberDataBoundControl.IsUsingModelBindersDataBoundControl.ItemTypeDataBoundControl.SelectMethodDataBoundControl.DataSourceIDDataBoundControl.DataSourceObjectDataBoundControl.SelectArgumentsDataBoundControl.CreatingModelDataSourceDataBoundControl.CallingDataMethodsBaseDataBoundControl.ConfirmInitState()BaseDataBoundControl.DataBind()BaseDataBoundControl.EnsureDataBound()BaseDataBoundControl.OnDataBound(EventArgs)BaseDataBoundControl.OnInit(EventArgs)BaseDataBoundControl.DataSourceBaseDataBoundControl.InitializedBaseDataBoundControl.IsBoundUsingDataSourceIDBaseDataBoundControl.IsDataBindingAutomaticBaseDataBoundControl.SupportsDisabledAttributeBaseDataBoundControl.RequiresDataBindingBaseDataBoundControl.DataBoundWebControl.ApplyStyle(Style)WebControl.CopyBaseAttributes(WebControl)WebControl.CreateControlStyle()WebControl.MergeStyle(Style)WebControl.Render(HtmlTextWriter)WebControl.RenderBeginTag(HtmlTextWriter)WebControl.RenderEndTag(HtmlTextWriter)WebControl.AccessKeyWebControl.AttributesWebControl.BackColorWebControl.BorderColorWebControl.BorderWidthWebControl.BorderStyleWebControl.ControlStyleWebControl.ControlStyleCreatedWebControl.CssClassWebControl.DisabledCssClassWebControl.StyleWebControl.EnabledWebControl.EnableThemingWebControl.FontWebControl.ForeColorWebControl.HasAttributesWebControl.HeightWebControl.IsEnabledWebControl.SkinIDWebControl.TabIndexWebControl.TagNameWebControl.ToolTipWebControl.WidthControl.ResolveAdapter()Control.HasEvents()Control.GetRouteUrl(object)Control.GetRouteUrl(string, object)Control.GetRouteUrl(RouteValueDictionary)Control.GetRouteUrl(string, RouteValueDictionary)Control.GetUniqueIDRelativeTo(Control)Control.ApplyStyleSheetSkin(Page)Control.OnDataBinding(EventArgs)Control.DataBind(bool)Control.DataBindChildren()Control.AddParsedSubObject(object)Control.EnsureID()Control.ClearChildState()Control.ClearChildControlState()Control.ClearChildViewState()Control.ClearEffectiveClientIDMode()Control.ClearCachedClientID()Control.Focus()Control.LoadControlState(object)Control.MapPathSecure(string)Control.OpenFile(string)Control.BuildProfileTree(string, bool)Control.SaveControlState()Control.RenderChildren(HtmlTextWriter)Control.RenderControl(HtmlTextWriter)Control.RenderControl(HtmlTextWriter, ControlAdapter)Control.OnUnload(EventArgs)Control.Dispose()Control.RaiseBubbleEvent(object, EventArgs)Control.OnBubbleEvent(object, EventArgs)Control.AddedControl(Control, int)Control.CreateControlCollection()Control.CreateChildControls()Control.ResolveUrl(string)Control.ResolveClientUrl(string)Control.FindControl(string)Control.FindControl(string, int)Control.GetDesignModeState()Control.HasControls()Control.IsLiteralContent()Control.EnsureChildControls()Control.RemovedControl(Control)Control.SetDesignModeState(IDictionary)Control.SetRenderMethodDelegate(RenderMethod)Control.ClientIDModeControl.ClientIDControl.ClientIDSeparatorControl.ContextControl.AdapterControl.DesignModeControl.EventsControl.IDControl.IsChildControlStateClearedControl.EnableViewStateControl.ViewStateModeControl.IsViewStateEnabledControl.NamingContainerControl.IdSeparatorControl.LoadViewStateByIDControl.PageControl.RenderingCompatibilityControl.TemplateControlControl.ParentControl.TemplateSourceDirectoryControl.AppRelativeTemplateSourceDirectoryControl.SiteControl.VisibleControl.UniqueIDControl.HasChildViewStateControl.ControlsControl.ValidateRequestModeControl.ViewStateControl.ViewStateIgnoresCaseControl.ChildControlsCreatedControl.IsTrackingViewStateControl.DisposedControl.DataBindingControl.InitControl.LoadControl.PreRenderControl.Unloadobject.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()object.GetType()object.MemberwiseClone()...

Constructors

Initializes a new instance of the RadTabStrip class.

C#
public RadTabStrip()

Use this constructor to create and initialize a new instance of the RadTabStrip control.

Example:
cs-api-definition
void Page_Load(object sender, EventArgs e)
{
RadTabStrip RadTabStrip1 = new RadTabStrip();
RadTabStrip1.ID = "RadTabStrip1";

if (!Page.IsPostBack)
{
//RadTabStrip persist its tab in ViewState (if EnableViewState is true).
//Hence tabs should be created only on initial load.

RadTab sportTab = new RadTab("Sport");
RadTabStrip1.Tabs.Add(sportTab);

RadTab newsTab = new RadTab("News");
RadTabStrip1.Tabs.Add(newsTab);
}

PlaceHolder1.Controls.Add(RadTabStrip1);
}

Properties

Gets or sets the alignment of the tabs in the RadTabStrip control.

C#
[Bindable(true)]
[ClientControlProperty]
[ClientPropertyName("_align")]
public TabStripAlign Align { get; set; }
Property Value:

One of the TabStripAlign enumeration values. The default value is Left.

Gets or sets a value that indicates whether child tabs are cleared before data binding.

C#
[Bindable(false)]
public override bool AppendDataBoundItems { get; set; }
Property Value:

True if child tabs should not be cleared before databinding; otherwise false. The default value is false (child items will be cleared before databinding).

Overrides: ControlItemContainer.AppendDataBoundItems

The AppendDataBoundTabs property allows you to add items to the RadTabStrp control before data binding occurs. After data binding, the items collection contains both the items from the data source and the previously added items.

The value of this property is stored in view state.

Gets the object that controls the Wai-Aria settings applied on the control's element.

C#
[PersistenceMode(PersistenceMode.InnerProperty)]
public WaiAriaSettings AriaSettings { get; }

Gets or sets a value indicating whether tabs should postback when clicked.

C#
[ClientControlProperty]
[ClientPropertyName("_autoPostBack")]
public bool AutoPostBack { get; set; }
Property Value:

True if tabs should postback; otherwise false. The default value is false.

RadTabStrip will postback provided one of the following conditions is met:

Gets or sets a value indicating whether validation is performed when a tab within the RadTabStrip control is selected.

C#
[ClientControlProperty]
[ClientPropertyName("causesValidation")]
public override bool CausesValidation { get; set; }
Property Value:

true if validation is performed when a tab is selected; otherwise, false. The default value is true.

Overrides: ControlItemContainer.CausesValidation

By default, page validation is performed when a tab is selected. Page validation determines whether the input controls associated with a validation control on the page all pass the validation rules specified by the validation control. You can specify or determine whether validation is performed on both the client and the server when a tab is clicked by using the CausesValidation property. To prevent validation from being performed, set the CausesValidation property to false.

Gets or sets a value indicating whether the tabstrip should postback when the user clicks the currently selected tab.

C#
[ClientControlProperty]
[ClientPropertyName("clickSelectedTab")]
public bool ClickSelectedTab { get; set; }
Property Value:

True if the tabstrip should postback when the user clicks the currently selected tab; otherwise false. The default value is false.

Gets a list of all client-side changes (adding a tab, removing a tab, changing a tab's property) which have occurred.

C#
[Browsable(false)]
public IList<ClientOperation<RadTab>> ClientChanges { get; }
Property Value:

A list of ClientOperation<T> objects which represent all client-side changes the user has performed. By default the ClientChanges property returns empty list. Client-changes are recorded if and only if the client-side methods trackChanges()/commitChanges() have been invoked.

You can use the ClientChanges property to respond to client-side modifications such as

    The ClientChanges property is available in the first postback (ajax) request after the client-side modifications have taken place. After this moment the property will return empty list.

    Example:
    cs-api-definition
    foreach (ClientOperation&lt;RadTab&gt; operation in RadTabStrip1.ClientChanges)
    {
    RadTab tab = operation.Item;
    
    switch (operation.Type)
    {
    case ClientOperationType.Insert:
    //An tab has been inserted - operation.Item contains the inserted tab
    break;
    case ClientOperationType.Remove:
    //An tab has been inserted - operation.Item contains the removed tab.
    //Keep in mind the tab has been removed from the tabstrip.
    break;
    case ClientOperationType.Update:
    UpdateClientOperation&lt;RadTab&gt; update = operation as UpdateClientOperation&lt;RadTab&gt;
    //The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
    break;
    case ClientOperationType.Clear:
    //All children of have been removed - operation.Item contains the parent tab whose children have been removed. If operation.Item is null then the root tabs have been removed.
    break;
    }
    }

    The CssClass property will now be used instead of the former Skin and will be modified in AddAttributesToRender()

    C#
    protected override string CssClassFormatString { get; }

    Overrides: RadDataBoundControl.CssClassFormatString

    Example:
    C#
    protected override string CssClassFormatString
    {
           get
           {
               return "RadDock RadDock_{0} rdWTitle rdWFooter";
           }
    }

    Gets a collection of RadTabBindingCollection objects that define the relationship between a data item and the tab it is binding to.

    C#
    [PersistenceMode(PersistenceMode.InnerProperty)]
    [Browsable(false)]
    public RadTabBindingCollection DataBindings { get; }

    Gets or sets the field from the data source which is the "child" column in the "parent-child" relationship used to databind the RadTabStrip control.

    C#
    public override string DataFieldID { get; set; }
    Property Value:

    A string that specifies the field of the data source that will be the "child" column during databinding. The default is empty string.

    Overrides: HierarchicalControlItemContainer.DataFieldID

    RadTabStrip requires both DataFieldID and DataFieldParentID properties to be set in order to be hierarchically databound.

    Example:
    cs-api-definition
    DataTable data = new DataTable();
    data.Columns.Add("MyText");
    data.Columns.Add("MyID", typeof(int));
    data.Columns.Add("MyParentID", typeof(int));
    
    data.Rows.Add(new object[] {"Root Tab 1", 1, null});
    data.Rows.Add(new object[] {"Child Tab 1.1", 3, 1});
    data.Rows.Add(new object[] {"Root Tab 2", 2, null});
    data.Rows.Add(new object[] {"Child Tab 2.1", 4, 2});
    
    RadTabStrip1.DataSource = data;
    RadTabStrip1.DataTextField = "MyText";            //"MyText" column provides values for the Text property of databound tabs
    RadTabStrip1.DataFieldID = "MyID";                //"MyID" column provides values for the "child" column in the relation.
    RadTabStrip1.DataFieldParentID = "MyParentID";    //"MyParentID" column provides values for the "parent" column in the relation.
    RadTabStrip1.DataBind();

    Gets or sets the field from the data source which is the "parent" column in the "parent-child" relationship used to databind the RadTabStrip control.

    C#
    public override string DataFieldParentID { get; set; }
    Property Value:

    A string that specifies the field of the data source that will be the "parent" column during databinding. The default is empty string.

    Overrides: HierarchicalControlItemContainer.DataFieldParentID

    RadTabStrip requires both DataFieldID and DataFieldParentID properties to be set in order to be hierarchically databound.

    The value of the column specified by DataFieldParentID must be null (Nothing) for root tabs. This is a requirement for databinding RadTabStrip.

    Example:
    cs-api-definition
    DataTable data = new DataTable();
    data.Columns.Add("MyText");
    data.Columns.Add("MyID", typeof(int));
    data.Columns.Add("MyParentID", typeof(int));
    
    data.Rows.Add(new object[] {"Root Tab 1", 1, null});
    data.Rows.Add(new object[] {"Child Tab 1.1", 3, 1});
    data.Rows.Add(new object[] {"Root Tab 2", 2, null});
    data.Rows.Add(new object[] {"Child Tab 2.1", 4, 2});
    
    RadTabStrip1.DataSource = data;
    RadTabStrip1.DataTextField = "MyText";            //"MyText" column provides values for the Text property of databound tabs
    RadTabStrip1.DataFieldID = "MyID";                //"MyID" column provides values for the "child" column in the relation.
    RadTabStrip1.DataFieldParentID = "MyParentID";    //"MyParentID" column provides values for the "parent" column in the relation.
    RadTabStrip1.DataBind();

    Gets or sets the field of the data source that provides the URL to which tabs navigate.

    C#
    public override string DataNavigateUrlField { get; set; }
    Property Value:

    A string that specifies the field of the data source that provides the URL to which tabs will navigate. The default value is empty string.

    Overrides: HierarchicalControlItemContainer.DataNavigateUrlField

    Use the DataNavigateUrlField property to specify the field of the data source (in most cases the name of the database column) which provides the values for the NavigateUrl property of databound tabs. The DataNavigateUrlField property is taken into account only during data binding. If the DataNavigateUrlField property is not set the NavigateUrl property of databound tabs will have its default value - empty string.

    Example:
    cs-api-definition
    DataTable data = new DataTable();
    data.Columns.Add("MyText");
    data.Columns.Add("MyUrl");
    
    data.Rows.Add(new object[] {"Tab Text 1", "http://www.example.com/page1.aspx"});
    data.Rows.Add(new object[] {"Tab Text 2", "http://www.example.com/page2.aspx"});
    
    RadTabStrip1.DataSource = data;
    RadTabStrip1.DataTextField = "MyText";            //"MyText" column provides values for the Text property of databound tabs
    RadTabStrip1.DataNavigateUrlField = "MyUrl";    //"MyUrl" column provides values for the NavigateUrl property of databound tabs
    RadTabStrip1.DataBind();

    Gets or sets the field of the data source that provides the text content of the tabs.

    C#
    public override string DataTextField { get; set; }
    Property Value:

    A string that specifies the field of the data source that provides the text content of the tabs. The default value is empty string.

    Overrides: ControlItemContainer.DataTextField

    Use the DataTextField property to specify the field of the data source (in most cases the name of the database column) which provides values for the Text property of databound tabs. The DataTextField property is taken into account only during data binding.

    Example:
    cs-api-definition
    DataTable data = new DataTable();
    data.Columns.Add("MyText");
    
    data.Rows.Add(new object[] {"Tab Text 1"});
    data.Rows.Add(new object[] {"Tab Text 2"});
    
    RadTabStrip1.DataSource = data;
    RadTabStrip1.DataTextField = "MyText";        //"MyText" column provides values for the Text property of databound tabs
    RadTabStrip1.DataBind();

    Gets or sets the formatting string used to control how text to the tabstrip control is displayed.

    C#
    public override string DataTextFormatString { get; set; }

    Overrides: ControlItemContainer.DataTextFormatString

    Use the DataTextFormatString property to provide a custom display format for text of the tabs. The data format string consists of two parts, separated by a colon, in the form { A: Bxx }. For example, the formatting string {0:F2} would display a fixed point number with two decimal places.

    The entire string must be enclosed in braces to indicate that it is a format string and not a literal string. Any text outside the braces is displayed as literal text.

    The value before the colon (A in the general example) specifies the parameter index in a zero-based list of parameters. This value can only be set to 0.

    Gets or sets the field of the data source that provides the value of the tabs.

    C#
    public override string DataValueField { get; set; }
    Property Value:

    A string that specifies the field of the data source that provides the value of the tabs. The default value is empty string.

    Overrides: ControlItemContainer.DataValueField

    Use the DataValueField property to specify the field of the data source (in most cases the name of the database column) which provides the values for the Value property of databound tabs. The DataValueField property is taken into account only during data binding. If the DataValueField property is not set the Value property of databound tabs will have its default value - empty string.

    Example:
    cs-api-definition
    DataTable data = new DataTable();
    data.Columns.Add("MyText");
    data.Columns.Add("MyValue");
    
    data.Rows.Add(new object[] {"Tab Text 1", "Tab Value 1"});
    data.Rows.Add(new object[] {"Tab Text 2", "Tab Value 2"});
    
    RadTabStrip1.DataSource = data;
    RadTabStrip1.DataTextField = "MyText";        //"MyText" column provides values for the Text property of databound tabs
    RadTabStrip1.DataValueField = "MyValue";    //"MyValue" column provides values for the Value property of databound tabs
    RadTabStrip1.DataBind();

    When set to true enables support for WAI-ARIA

    C#
    [ClientControlProperty]
    [ClientPropertyName("enableAriaSupport")]
    public bool EnableAriaSupport { get; set; }

    Gets or sets a value indicating whether reording with dragging should be enabled.

    C#
    [ClientControlProperty]
    [ClientPropertyName("_enableDragToReorder")]
    public bool EnableDragToReorder { get; set; }
    Property Value:

    true reordering is enabled; otherwise false. The default value is false.

    Controls whether the subitems of the tabstrip will have different styles than the main items.

    C#
    public bool EnableSubLevelStyles { get; set; }
    Property Value:

    true if styling should be different; otherwise, false. The default value is false.

    Gets the innermost selected tab in a hierarchical RadTabStrip control.

    C#
    [Browsable(false)]
    public RadTab InnermostSelectedTab { get; }
    Property Value:

    Returns the inner most selected child tab in hierarchical tabstrip scenarios. Null (Nothing in VB.NET) if no tab is selected.

    In hierarchical tabstrips this property returns the innermost selected tab.

    Gets or sets the maximum number of levels to bind to the RadTabStrip control.

    C#
    public override int MaxDataBindDepth { get; set; }
    Property Value:

    The maximum number of levels to bind to the RadTabStrip control. The default is -1, which binds all the levels in the data source to the control.

    Overrides: HierarchicalControlItemContainer.MaxDataBindDepth

    When binding the RadTabStrip control to a data source, use the MaxDataBindDepth property to limit the number of levels to bind to the control. For example, setting this property to 2 binds only the root tabs and their immediate children. All remaining records in the data source are ignored.

    Gets the associated RadMultiPage control if the MultiPageID property is set.

    C#
    [Browsable(false)]
    public RadMultiPage MultiPage { get; }
    Property Value:

    The RadMultiPage control associated with the current RadTabStrip control. Will return null (Nothing in VB.NET) if the MultiPageID is not set or a corresponding RadMultiPage control cannot be found

    Gets or sets the ID of the RadMultiPage control that will be controlled by the current RadTabStrip control.

    C#
    [TypeConverter("Telerik.Web.Design.MultiPageIDTypeConverter, Telerik.Web.Design, Version=2026.3.812.462, Culture=neutral, PublicKeyToken=121fae78165ba3d4")]
    public string MultiPageID { get; set; }
    Property Value:

    The ID of the associated RadMultiPage. The default value is empty string.

    You should use different value depending on the following conditions:

    Example:
    C#
    The following example demonstrates how to associate a <strong>RadMultiPage</strong>
    control with a <strong>RadTabStrip</strong> control through the
    <strong>MultiPageID</strong> property.
    
    <p>
        <p>&lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>MultiPageID="RadMultiPage1"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;<br />
            <br />
        &lt;telerik:RadMultiPage <strong>id="RadMultiPage1"</strong>
        runat="server"&gt;<br />
        .....<br />
        &lt;/telerik:RadMultiPage&gt;</p>
    </p>

    Gets or sets a value indicating the client-side event handler that is called before the browser context menu shows (after right-clicking an item).

    C#
    [ClientControlEvent]
    [ClientPropertyName("contextMenu")]
    public string OnClientContextMenu { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientContextMenu property to specify a JavaScript function that will be executed before the context menu shows after right clicking a tab.

    Two parameters are passed to the handler

    • sender (the client-side RadTabStrip object)
    • eventArgs with two properties
      • tab - the instance of the selected tab
      • domEvent - the browser DOM event
    Example:
    C#
    The following example demonstrates how to use the
    <strong>OnClientContextMenu</strong> property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>OnContextMenuHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.get_tab();<br />
            <br />
        alert("You have right-clicked the " + tab.get_text() + " tab in the " + tabStrip.get_id() +
        "tabstrip.");<br />
        }<br />
        &lt;/script&gt;</p>
        <p>&lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientContextMenu="OnContextMenuHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets a value indicating the client-side event handler that is called when the user double-clicks a tab.

    C#
    [ClientControlEvent]
    [ClientPropertyName("doubleClick")]
    public string OnClientDoubleClick { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientDoubleClick property to specify a JavaScript function that will be executed when the user double-clicks a tab.

    Two parameters are passed to the handler

    • sender (the client-side RadTabStrip object)
    • eventArgs with two properties
      • tab - the instance of the selected tab
      • domEvent - the browser DOM event
    Example:
    C#
    The following example demonstrates how to use the
    <strong>OnClientDoubleClick</strong> property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>OnDoubleClickHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.get_tab();<br />
            <br />
        alert("You have double-clicked the " + tab.get_text() + " tab in the " + tabStrip.get_id() +
        "tabstrip.");<br />
        }<br />
        &lt;/script&gt;</p>
        <p>&lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientDoubleClick="OnDoubleClickHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets the name of the javascript function called when the control is fully initialized on the client side.

    C#
    [ClientControlEvent]
    [ClientPropertyName("load")]
    public string OnClientLoad { get; set; }
    Property Value:

    A string specifying the name of the javascript function called when the control is fully initialized on the client side. The default value is empty string.

    Use the OnClientLoad property to specify a JavaScript function that is executed after the control is initialized on the client side. A single parameter is passed to the handler, which is the client-side RadTabStrip object.

    Example:
    C#
    The following example demonstrates how to use the <strong>OnClientLoad</strong>
    property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>ClientTabstripLoad</strong>(tabstrip, eventArgs)<br />
        {<br />
        alert(tabstrip.get_id() + " is loaded.");<br />
        }<br />
        &lt;/script&gt;<br />
            <br />
        &lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientLoad="ClientTabstripLoad"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets a value indicating the client-side event handler that is called when the mouse leaves a tab in the RadTabStrip control.

    C#
    [ClientControlEvent]
    [ClientPropertyName("mouseOut")]
    public string OnClientMouseOut { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientMouseOut property to specify a JavaScript function that is executed whenever the user moves the mouse away from a particular tab in the RadTabStrip control.

    Two parameters are passed to the handler:

    • sender (the client-side RadTabStrip object);
    • eventArgs with two properties:
      • tab - the instance of the tab we are moving away from;
      • domEvent - the instance of the browser event.
    Example:
    C#
    The following example demonstrates how to use the <strong>OnClientMouseOut</strong>
    property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>ClientMouseOutHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.Tab;<br />
        var domEvent = eventArgs.get_domEvent();</p>
        <p>alert("You have just moved out of " + tab.get_text() + " in
        the " + tabStrip.get_id() + " tabstrip.");<br />
        alert("Mouse coordinates: " + domEvent.clientX + ":" +
        domEvent.clientY);<br />
        }<br />
        &lt;/script&gt;<br />
            <br />
        &lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientMouseOut="ClientMouseOutHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets a value indicating the client-side event handler that is called when the mouse hovers a tab in the RadTabStrip control.

    C#
    [ClientControlEvent]
    [ClientPropertyName("mouseOver")]
    public string OnClientMouseOver { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientMouseOver property to specify a JavaScript function that is called when the user hovers a tab with the mouse.

    Two parameters are passed to the handler:

    • sender (the client-side RadTabStrip object);
    • eventArgs with two properties
      • tab - the instance of the tab that is being hovered
      • domEvent - the instance of the browser event.
    Example:
    C#
    The following example demonstrates how to use the
    <strong>OnClientMouseOver</strong> property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>ClientMouseOverHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.get_tab();<br />
        var domEvent = eventArgs.get_domEvent();<br />
            <br />
        alert("You have just moved over the " + tab.get_text() + " tabs in the " +
        tabStrip.get_id() + " tabstrip");<br />
        alert("Mouse coordinates: " + domEvent.clientX + ":" +
        domEvent.clientY);<br />
        }<br />
        &lt;/script&gt;<br />
            <br />
        &lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientMouseOver="ClientMouseOverHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>
    C#
    [ClientControlEvent]
    [ClientPropertyName("reordered")]
    public string OnClientReordered { get; set; }
    C#
    [ClientControlEvent]
    [ClientPropertyName("reordering")]
    public string OnClientReordering { get; set; }
    C#
    [ClientControlEvent]
    [ClientPropertyName("tabDragStart")]
    public string OnClientTabDragStart { get; set; }

    Gets or sets a value indicating the client-side event handler that is called after selecting a tab.

    C#
    [ClientControlEvent]
    [ClientPropertyName("tabSelected")]
    public string OnClientTabSelected { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientTabSelected property to specify a JavaScript function that will be executed after a tab is selected - either by left-clicking it with a mouse or hitting enter after tabbing to that tab.

    Two parameters are passed to the handler

    • sender (the client-side RadTabStrip object)
    • eventArgs with one property
      • tab - the instance of the selected tab
    Example:
    C#
    The following example demonstrates how to use the
    <strong>OnClientTabSelected</strong> property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>ClientTabSelectedHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.get_tab();<br />
            <br />
        alert("You have selected the " + tab.get_text() + " tab in the " + tabStrip.get_id() +
        "tabstrip.");<br />
        }<br />
        &lt;/script&gt;</p>
        <p>&lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientTabSelected="ClientTabSelectedHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets a value indicating the client-side event handler that is called just prior to selecting a tab.

    C#
    [ClientControlEvent]
    [ClientPropertyName("tabSelecting")]
    public string OnClientTabSelecting { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientTabSelecting property to specify a JavaScript function that will be executed prior to tab selecting - either by left-clicking it with a mouse or hitting enter after tabbing to that tab. You can cancel that event (prevent tab selecting) by seting the cancel property of the event argument to true.

    Two parameters are passed to the handler

    • sender (the client-side RadTabStrip object)
    • eventArgs with one property
      • tab - the instance of the selected tab
      • cancel - whether to cancel the event
    Example:
    C#
    The following example demonstrates how to use the
    <strong>OnClientTabSelecting</strong> property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>ClientTabSelectingHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.get_tab();<br />
            <br />
        alert("You will be selecting the " + tab.get_text() + " tab in the " + tabStrip.get_id() +
        " tabstrip.");<br />
            <br />
        if (tab.Text == "Education")<br />
        {<br />
        alert("Education cannot be selected");<br />
            <strong>eventArgs.set_cancel(true);</strong><br />
        }<br />
        }<br />
        &lt;/script&gt;<br />
            <br />
        &lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientTabSelecting="ClientTabSelectedHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets a value indicating the client-side event handler that is called after a tab is unselected (i.e. the user has selected another tab).

    C#
    [ClientControlEvent]
    [ClientPropertyName("tabUnSelected")]
    public string OnClientTabUnSelected { get; set; }
    Property Value:

    A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.

    Use the OnClientTabUnSelected property to specify a JavaScript function that is executed after a tab is unselected.

    Two parameters are passed to the handler:

    • sender (the client-side RadTabStrip object);
    • eventArgs with one property:
      • tab - the instance of the tab which is unselected;
    Example:
    C#
    The following example demonstrates how to use the <strong>OnClientMouseOut</strong>
    property.
    
    <p>
        <p>&lt;script language="javascript"&gt;<br />
        function <strong>ClientTabUnSelectedHandler</strong>(sender, eventArgs)<br />
        {<br />
        var tabStrip = sender;<br />
        var tab = eventArgs.get_tab();<br />
            <br />
        alert("You have unselected the " + tab.get_text() + " tab in the " + tabStrip.get_id() +
        "tabstrip.");<br />
        }<br />
        &lt;/script&gt;<br />
            <br />
        &lt;telerik:RadTabStrip id="RadTabStrip1" runat="server"
        <strong>OnClientTabUnSelected="ClientTabUnSelectedHandler"</strong>&gt;<br />
        &lt;Tabs&gt;<br />
        &lt;telerik:RadTab Text="Personal Details"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Education"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;telerik:RadTab Text="Computing Skills"&gt;&lt;/telerik:RadTab&gt;<br />
        &lt;/Tabs&gt;<br />
        &lt;/telerik:RadTabStrip&gt;</p>
    </p>

    Gets or sets a value indicating the orientation of child tabs within the RadTabStrip control.

    C#
    [ClientControlProperty]
    [ClientPropertyName("_orientation")]
    public TabStripOrientation Orientation { get; set; }
    Property Value:

    One of the TabStripOrientation values. The default value is HorizontalTopToBottom.

    Gets or sets a value indicating whether the tabstrip should scroll directly to the next tab.

    C#
    [ClientControlProperty]
    [ClientPropertyName("_perTabScrolling")]
    public bool PerTabScrolling { get; set; }
    Property Value:

    true if the tabstrip should scroll to the next (or previous) tab; otherwise false. The default value is false.

    Implements: IRadTabContainer.PerTabScrolling

    By default tabs are scrolled smoothly. If you want the tabstrip to scroll directly to the next (or previous) tab set this property to true. This property is applicable when the ScrollChildren property is set to true; otherwise it is ignored.

    Gets or sets the URL of the page to post to from the current page when a tab from the tabstrip is clicked.

    C#
    public override string PostBackUrl { get; set; }
    Property Value:

    The URL of the Web page to post to from the current page when a tab from the tabstrip control is clicked. The default value is an empty string (""), which causes the page to post back to itself.

    Overrides: ControlItemContainer.PostBackUrl

    Gets or sets a value indicating whether the row of the selected tab should move to the bottom.

    C#
    [ClientControlProperty]
    [ClientPropertyName("_reorderTabsOnSelect")]
    public bool ReorderTabsOnSelect { get; set; }
    Property Value:

    true if the row containing the selected tab should be moved to the bottom; otherwise false. The default value is false.

    Use the ReorderTabsOnSelect property to mimic the behavior of the Windows tabstrip control.

    The position of the scroll buttons with regards to the tab band.

    C#
    [ClientControlProperty]
    [ClientPropertyName("_scrollButtonsPosition")]
    public TabStripScrollButtonsPosition ScrollButtonsPosition { get; set; }
    Property Value:

    One of the TabStripScrollButtonsPosition enumeration values. The default value is Right.

    Implements: IRadTabContainer.ScrollButtonsPosition

    This property is applicable when the ScrollChildren property is set to true; otherwise it is ignored.

    Gets or sets a value indicating whether the immediate children of the RadTabStrip control will be scrollable.

    C#
    [ClientControlProperty]
    [ClientPropertyName("_scrollChildren")]
    public bool ScrollChildren { get; set; }
    Property Value:

    true if the child tabs will be scrollable; otherwise false. The default value is false.

    Implements: IRadTabContainer.ScrollChildren

    Gets or sets the position of the scrollable band of tabs relative to the beginning of the scrolling area.

    C#
    [Bindable(true)]
    public int ScrollPosition { get; set; }
    Property Value:

    An integer specifying the initial scrolling position (measured in pixels). The default value is 0 (no offset from the default scrolling position). Use negative values to move the tabs to the left.

    Implements: IRadTabContainer.ScrollPosition

    This property is applicable when the ScrollChildren property is set to true; otherwise it is ignored.

    Gets or sets the index of the selected child tab.

    C#
    public int SelectedIndex { get; set; }
    Property Value:

    The zero based index of the selected tab. The default value is -1 (no child tab is selected).

    Implements: IRadTabContainer.SelectedIndex

    Use the SelectedIndex property to programmatically specify the selected child tab in a IRadTabContainer (RadTabStrip or RadTab). To clear the selection set the SelectedIndex property to -1.

    Example:
    cs-api-definition
    void Page_Load(object sender, EventArgs e)
    {
    if (!Page.IsPostBack)
    {
    RadTab newsTab = new RadTab("News");
    RadTabStrip1.Tabs.Add(newsTab);
    
    RadTabStrip1.SelectedIndex = 0; //This will select the "News" tab
    
    RadTab cnnTab = new RadTab("CNN");
    newsTab.Tabs.Add(cnnTab);
    
    RadTab nbcTab = new RadTab("NBC");
    newsTab.Tabs.Add(nbcTab);
    
    newsTab.SelectedIndex = 1; //This will select the "NBC" child tab of the "News" tab
    }
    }

    Gets the selected child tab.

    C#
    [Browsable(false)]
    public RadTab SelectedTab { get; }
    Property Value:

    Returns the child tab which is currently selected. If no tab is selected (the SelectedIndex property is -1) the SelectedTab property will return null (Nothing in VB.NET).

    Implements: IRadTabContainer.SelectedTab

    Shows or hides the image at the base of the first level of tabs.

    C#
    public bool ShowBaseLine { get; set; }
    Property Value:

    true if line is visible; otherwise, false. The default value is false.

    C#
    protected override bool SupportsRenderingMode { get; }

    Overrides: RadDataBoundControl.SupportsRenderingMode

    Gets a RadTabCollection object that contains the root tabs of the current RadTabStrip control.

    C#
    [PersistenceMode(PersistenceMode.InnerProperty)]
    public RadTabCollection Tabs { get; }
    Property Value:

    A RadTabCollection that contains the root tabs of the current RadTabStrip control. By default the collection is empty (RadTabStrip has no children).

    Implements: IRadTabContainer.Tabs

    Use the Tabs property to access the child tabs of RadTabStrip. You can also use the Tabs property to manage the root tabs. You can add, remove or modify tabs from the Tabs collection.

    Example:
    cs-api-definition
    RadTabStrip1.Tabs[0].Text = "Example";
    RadTabStrip1.Tabs[0].NavigateUrl = "http://www.example.com";

    Gets or sets the template for displaying all tabs in the RadTabStrip control.

    C#
    [TemplateContainer(typeof(RadTab))]
    [PersistenceMode(PersistenceMode.InnerProperty)]
    [Browsable(false)]
    [Bindable(false)]
    public virtual ITemplate TabTemplate { get; set; }
    Property Value:

    An object implementing the ITemplateThe default value is a null reference (Nothing in Visual Basic), which indicates that this property is not set.

    To specify unique display for specific tabs use the TabTemplate property of the RadTab class.

    Example:
    cs-api-definition
    &lt;telerik:RadTabStrip runat="server" ID="RadTabStrip1"&gt;
    &lt;TabTemplate&gt;
    &lt;%# DataBinder.Eval(Container, "Text") %&gt;
    &lt;img style="margin-left: 10px" src="Images/delete.gif" alt="delete"/&gt;
    &lt;/TabTemplate&gt;
    &lt;Tabs&gt;
    &lt;telerik:RadTab Text="Products"&gt;
    &lt;/telerik:RadTab&gt;
    &lt;telerik:RadTab Text="Services"&gt;
    &lt;/telerik:RadTab&gt;
    &lt;telerik:RadTab Text="Corporate"&gt;
    &lt;/telerik:RadTab&gt;
    &lt;/Tabs&gt;
    &lt;/telerik:RadTabStrip&gt;

    Gets or sets a value determining whether child tabs are unselected when a parent tab is unselected.

    C#
    [Bindable(false)]
    [ClientControlProperty]
    [ClientPropertyName("unselectChildren")]
    public bool UnSelectChildren { get; set; }
    Property Value:

    true if child tabs are unselected when a parent tab is unselected. false if the tabs persist their state even when hidden. The default value is false.

    Gets or sets the name of the validation group to which this validation control belongs.

    C#
    [ClientControlProperty]
    [ClientPropertyName("validationGroup")]
    public override string ValidationGroup { get; set; }
    Property Value:

    The name of the validation group to which this validation control belongs. The default is an empty string (""), which indicates that this property is not set.

    Overrides: ControlItemContainer.ValidationGroup

    This property works only when CausesValidation is set to true.

    Methods

    C#
    protected override void AddAttributesToRender(HtmlTextWriter writer)
    Parameters:writerHtmlTextWriter

    Overrides: RadDataBoundControl.AddAttributesToRender(HtmlTextWriter)

    C#
    protected override ControlItemCollection CreateChildItemCollection()
    Returns:

    ControlItemCollection

    Overrides: ControlItemContainer.CreateChildItemCollection()

    C#
    protected override IRenderer CreateControlRenderer()
    Returns:

    IRenderer

    Overrides: RadDataBoundControl.CreateControlRenderer()

    C#
    protected override NavigationItemBindingCollection CreateDataBindings()
    Returns:

    NavigationItemBindingCollection

    Overrides: HierarchicalControlItemContainer.CreateDataBindings()

    C#
    protected override ControlItem CreateItem()
    Returns:

    ControlItem

    Overrides: ControlItemContainer.CreateItem()

    C#
    protected override void DescribeComponent(IScriptDescriptor descriptor)
    Parameters:descriptorIScriptDescriptor

    Overrides: ControlItemContainer.DescribeComponent(IScriptDescriptor)

    Returns the first RadTab that matches the conditions defined by the specified predicate. The predicate should returns a boolean value.

    C#
    public RadTab FindTab(Predicate<RadTab> match)
    Parameters:matchPredicate<RadTab>

    The Predicate <> that defines the conditions of the element to search for.

    Returns:

    RadTab

    Example:
    cs-api-definition
    void Page_Load(object sender, EventArgs e)
    {
    RadTabStrip1.FindTab(ItemWithEqualsTextAndValue);
    }
    private static bool ItemWithEqualsTextAndValue(RadTab tab)
    {
    if (tab.Text == tab.Value)
    {
    return true;
    }
    else
    {
    return false;
    }
    }

    Searches the RadTabStrip control for the first RadTab whose Text property is equal to the specified value.

    C#
    public RadTab FindTabByText(string text, bool ignoreCase)
    Parameters:textstring

    The value to search for.

    ignoreCasebool

    A Boolean indicating a case-sensitive or insensitive comparison (true indicates a case-insensitive comparison).

    Returns:

    RadTab

    A RadTab whose Text property is equal to the specified value. If a tab is not found, null (Nothing in Visual Basic) is returned.

    Searches the RadTabStrip control for the first RadTab whose Text property is equal to the specified value.

    C#
    public RadTab FindTabByText(string text)
    Parameters:textstring

    The value to search for.

    Returns:

    RadTab

    A RadTab whose Text property is equal to the specified value. If a tab is not found, null (Nothing in Visual Basic) is returned.

    Searches the RadTabStrip control for the first RadTab whose NavigateUrl property is equal to the specified value.

    C#
    public RadTab FindTabByUrl(string url)
    Parameters:urlstring

    The URL to search for.

    Returns:

    RadTab

    A RadTab whose NavigateUrl property is equal to the specifed value. If a tab is not found, null (Nothing in Visual Basic) is returned.

    Searches the RadTabStrip control for the first RadTab whose Value property is equal to the specified value.

    C#
    public RadTab FindTabByValue(string value, bool ignoreCase)
    Parameters:valuestring

    The value to search for.

    ignoreCasebool

    A Boolean indicating a case-sensitive or insensitive comparison (true indicates a case-insensitive comparison).

    Returns:

    RadTab

    A RadTab whose Value property is equal to the specifed value. If a tab is not found, null (Nothing in Visual Basic) is returned.

    Searches the RadTabStrip control for the first RadTab whose Value property is equal to the specified value.

    C#
    public RadTab FindTabByValue(string value)
    Parameters:valuestring

    The value to search for.

    Returns:

    RadTab

    A RadTab whose Value property is equal to the specifed value. If a tab is not found, null (Nothing in Visual Basic) is returned.

    Gets a linear list of all tabs in the RadTabStrip control.

    C#
    public IList<RadTab> GetAllTabs()
    Returns:

    IList<RadTab>

    An IList object containing all tabs in the current RadTabStrip control.

    Populates the RadTabStrip control from external XML file.

    C#
    public override void LoadContentFile(string xmlFileName)
    Parameters:xmlFileNamestring

    The name of the XML file.

    Overrides: HierarchicalControlItemContainer.LoadContentFile(string)

    The newly added items will be appended after any existing ones.

    Example:
    cs-api-definition
    private void Page_Load(object sender, EventArgs e)
    {
    if (!Page.IsPostBack)
    {
    RadTabStrip1.LoadContentFile("~/Data.xml");
    }
    }

    Executed when post data is loaded from the request

    C#
    protected override bool LoadPostData(string postDataKey, NameValueCollection postCollection)
    Parameters:postDataKeystringpostCollectionNameValueCollectionReturns:

    bool

    Overrides: RadDataBoundControl.LoadPostData(string, NameValueCollection)

    C#
    protected override void OnPreRender(EventArgs e)
    Parameters:eEventArgs

    Overrides: RadDataBoundControl.OnPreRender(EventArgs)

    C#
    protected virtual void OnReordered(RadTabStripReorderedEventArgs e)
    Parameters:eRadTabStripReorderedEventArgs
    C#
    protected virtual void OnTabClick(RadTabStripEventArgs e)
    Parameters:eRadTabStripEventArgs
    C#
    protected virtual void OnTabCreated(RadTabStripEventArgs e)
    Parameters:eRadTabStripEventArgs
    C#
    protected virtual void OnTabDataBound(RadTabStripEventArgs e)
    Parameters:eRadTabStripEventArgs
    C#
    protected virtual void OnTemplateNeeded(RadTabStripEventArgs e)
    Parameters:eRadTabStripEventArgs
    C#
    protected override void RaiseItemCreated(ControlItem item)
    Parameters:itemControlItem

    Overrides: ControlItemContainer.RaiseItemCreated(ControlItem)

    C#
    protected override void RaiseItemDataBound(ControlItem item)
    Parameters:itemControlItem

    Overrides: ControlItemContainer.RaiseItemDataBound(ControlItem)

    C#
    protected virtual void RaisePostBackEvent(string eventArgument)
    Parameters:eventArgumentstring
    C#
    protected override void RaiseTemplateNeeded(ControlItem item)
    Parameters:itemControlItem

    Overrides: ControlItemContainer.RaiseTemplateNeeded(ControlItem)

    C#
    protected override void RenderContents(HtmlTextWriter writer)
    Parameters:writerHtmlTextWriter

    Overrides: RadDataBoundControl.RenderContents(HtmlTextWriter)

    Events

    Occurs on the server when a tab in the RadTabStrip control is reordered.

    C#
    public event RadTabStripReorderedEventHandler Reordered

    Occurs on the server when a tab in the RadTabStrip control is clicked.

    C#
    public event RadTabStripEventHandler TabClick
    Example:
    cs-api-definition
    protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
    {
    Response.Write("Clicked tab is " + e.Tab.Text);
    }

    Occurs when a tab is created.

    C#
    public event RadTabStripEventHandler TabCreated

    The TabCreated event is raised when an tab in the RadTabStrip control is created, both during round-trips and at the time data is bound to the control. The TabCreated event is not raised for tabs which are defined inline in the page or user control.

    The TabCreated event is commonly used to initialize tab properties.

    Example:
    cs-api-definition
    protected void RadTabStrip1_TabCreated(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
    {
    e.Tab.ToolTip = e.Tab.Text;
    }

    Occurs when a tab is data bound.

    C#
    public event RadTabStripEventHandler TabDataBound

    The TabDataBound event is raised for each tab upon databinding. You can retrieve the tab being bound using the event arguments. The DataItem associated with the tab can be retrieved using the DataItem property.

    The TabDataBound event is often used in scenarios when you want to perform additional mapping of fields from the DataItem to their respective properties in the Tab class.

    Example:
    cs-api-definition
    protected void RadTabStrip1_TabDataBound(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
    {
    e.Tab.ImageUrl = "image" + (string)DataBinder.Eval(e.Tab.DataItem, "ID") + ".gif";
    e.Tab.NavigateUrl = (string)DataBinder.Eval(e.Tab.DataItem, "URL");
    }

    Occurs before template is being applied to the tab.

    C#
    public event RadTabStripEventHandler TemplateNeeded

    The TemplateNeeded event is raised before a template is been applied on the tab, both during round-trips (postbacks) and at the time data is bound to the control. The TemplateNeeded event is not raised for tabs which are defined inline in the page or user control.

    The TemplateNeeded event is commonly used for dynamic templating.

    Example:
    cs-api-definition
    protected void RadTabStrip_TemplateNeeded(object sender, Telerik.Web.UI.RadTabStripArgs e)
    {
    string value = e.Tab.Value;
    if (value != null)
    {
    // if the value is an even number
    if ((Int32.Parse(value) % 2) == 0)
    {
    var textBoxTemplate = new TextBoxTemplate();
    e.Tab.TabTemplate = textBoxTemplate;
    }
    }
    }
    In this article
    DefinitionConstructorsRadTabStrip()PropertiesAlignAppendDataBoundItemsAriaSettingsAutoPostBackCausesValidationClickSelectedTabClientChangesCssClassFormatStringDataBindingsDataFieldIDDataFieldParentIDDataNavigateUrlFieldDataTextFieldDataTextFormatStringDataValueFieldEnableAriaSupportEnableDragToReorderEnableSubLevelStylesInnermostSelectedTabMaxDataBindDepthMultiPageMultiPageIDOnClientContextMenuOnClientDoubleClickOnClientLoadOnClientMouseOutOnClientMouseOverOnClientReorderedOnClientReorderingOnClientTabDragStartOnClientTabSelectedOnClientTabSelectingOnClientTabUnSelectedOrientationPerTabScrollingPostBackUrlReorderTabsOnSelectScrollButtonsPositionScrollChildrenScrollPositionSelectedIndexSelectedTabShowBaseLineSupportsRenderingModeTabsTabTemplateUnSelectChildrenValidationGroupMethodsAddAttributesToRender(HtmlTextWriter)CreateChildItemCollection()CreateControlRenderer()CreateDataBindings()CreateItem()DescribeComponent(IScriptDescriptor)FindTab(Predicate<RadTab>)FindTabByText(string, bool)FindTabByText(string)FindTabByUrl(string)FindTabByValue(string, bool)FindTabByValue(string)GetAllTabs()LoadContentFile(string)LoadPostData(string, NameValueCollection)OnPreRender(EventArgs)OnReordered(RadTabStripReorderedEventArgs)OnTabClick(RadTabStripEventArgs)OnTabCreated(RadTabStripEventArgs)OnTabDataBound(RadTabStripEventArgs)OnTemplateNeeded(RadTabStripEventArgs)RaiseItemCreated(ControlItem)RaiseItemDataBound(ControlItem)RaisePostBackEvent(string)RaiseTemplateNeeded(ControlItem)RenderContents(HtmlTextWriter)EventsReorderedTabClickTabCreatedTabDataBoundTemplateNeeded
    Not finding the help you need?
    Contact Support