Back to all docs
API Reference / Kendo.Mvc.UI.Fluent / TabStripBuilder
New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

TabStripBuilder

Class

Defines the fluent interface for configuring the TabStrip component.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:
C#
public class TabStripBuilder : WidgetBuilderBase<TabStrip, TabStripBuilder>, IHtmlString

Inheritance: objectWidgetBuilderBase<TabStrip, TabStripBuilder>TabStripBuilder

Implements: IHtmlString

Inherited Members WidgetBuilderBase<TabStrip, TabStripBuilder>.ToComponent()WidgetBuilderBase<TabStrip, TabStripBuilder>.Name(string)WidgetBuilderBase<TabStrip, TabStripBuilder>.Deferred(bool)WidgetBuilderBase<TabStrip, TabStripBuilder>.ModelMetadata(ModelMetadata)WidgetBuilderBase<TabStrip, TabStripBuilder>.HtmlAttributes(object)WidgetBuilderBase<TabStrip, TabStripBuilder>.HtmlAttributes(IDictionary<string, object>)WidgetBuilderBase<TabStrip, TabStripBuilder>.AsModule(bool)WidgetBuilderBase<TabStrip, TabStripBuilder>.Render()WidgetBuilderBase<TabStrip, TabStripBuilder>.ScriptAttributes(object, bool)WidgetBuilderBase<TabStrip, TabStripBuilder>.ScriptAttributes(IDictionary<string, object>, bool)WidgetBuilderBase<TabStrip, TabStripBuilder>.ToHtmlString()WidgetBuilderBase<TabStrip, TabStripBuilder>.ToClientTemplate()WidgetBuilderBase<TabStrip, TabStripBuilder>.ToString()WidgetBuilderBase<TabStrip, TabStripBuilder>.Componentobject.GetType()object.MemberwiseClone()object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()...

Constructors

TabStripBuilder(TabStrip)

Initializes a new instance of the TabStripBuilder class.

C#
public TabStripBuilder(TabStrip component)
Parameters:componentTabStrip

The component.

Methods

Animation(Action<PopupAnimationBuilder>)

Configures the animation effects of the tabstrip.

C#
public TabStripBuilder Animation(Action<PopupAnimationBuilder> animationAction)
Parameters:animationActionAction<PopupAnimationBuilder>

The action that configures the animation.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("PanelBar")
.Animation(animation =&gt; animation.Open(config =&gt; config.Fade(FadeDirection.In)))
)

Animation(bool)

Configures the animation effects of the TabStrip.

C#
public TabStripBuilder Animation(bool enable)
Parameters:enablebool

Whether the component animation is enabled.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("PanelBar")
.Animation(false)
)

BindTo(string, Action<TabStripItem, SiteMapNode>)

Binds the TabStrip to a sitemap

C#
public TabStripBuilder BindTo(string viewDataKey, Action<TabStripItem, SiteMapNode> siteMapAction)
Parameters:viewDataKeystring

The view data key.

siteMapActionAction<TabStripItem, SiteMapNode>

The action to configure the item.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.BindTo("examples", (item, siteMapNode) =&gt;
{
})
)

BindTo(string)

Binds the TabStrip to a sitemap.

C#
public TabStripBuilder BindTo(string viewDataKey)
Parameters:viewDataKeystring

The view data key.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.BindTo("examples")
)

BindTo<T>(IEnumerable<T>, Action<TabStripItem, T>)

Binds the TabStrip to a list of objects.

C#
public TabStripBuilder BindTo<T>(IEnumerable<T> dataSource, Action<TabStripItem, T> itemDataBound)
Parameters:dataSourceIEnumerable<T>

The data source.

itemDataBoundAction<TabStripItem, T>

The action executed for every data bound item.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.BindTo(new []{"First", "Second"}, (item, value) =&gt;
{
item.Text = value;
})
)

Closable()

Specifies whether each tab can be closed via a close button. When enabled, each tab includes a close icon that triggers tab removal on click. This applies to all tabs in the TabStrip. In case you want to have specific tabs with a different closable behavior, you can set the closable option in the specific tab item options.

C#
public TabStripBuilder Closable()
Returns:

TabStripBuilder

Closable(bool)

Specifies whether each tab can be closed via a close button. When enabled, each tab includes a close icon that triggers tab removal on click. This applies to all tabs in the TabStrip. In case you want to have specific tabs with a different closable behavior, you can set the closable option in the specific tab item options.

C#
public TabStripBuilder Closable(bool value)
Parameters:valuebool

The value for Closable

Returns:

TabStripBuilder

Collapsible(bool)

Configures the collapsible property of the TabStrip.

C#
public TabStripBuilder Collapsible(bool enable)
Parameters:enablebool

Whether the component animation is collapsible.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("PanelBar")
.Collapsible(false)
)

Events(Action<TabStripEventBuilder>)

Configures the client-side events of the TabStrip.

C#
public TabStripBuilder Events(Action<TabStripEventBuilder> clientEventsAction)
Parameters:clientEventsActionAction<TabStripEventBuilder>

The client events action.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events =&gt;
events.Select("onSelect").OnLoad("onLoad")
)
)

HighlightPath(bool)

Select item depending on the current URL.

C#
public TabStripBuilder HighlightPath(bool value)
Parameters:valuebool

If true the item will be highlighted.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.HighlightPath(true)
)

IconPosition(IconPosition)

Specifies the position of the icon in the Menu items using the text content as a reference.

C#
public TabStripBuilder IconPosition(IconPosition value)
Parameters:valueIconPosition

The value for IconPosition

Returns:

TabStripBuilder

ItemAction(Action<TabStripItem>)

Callback for each item of the TabStrip.

C#
public TabStripBuilder ItemAction(Action<TabStripItem> action)
Parameters:actionAction<TabStripItem>

Action, which will be executed for each item.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.ItemAction(item =&gt;
{
item
.Text(...)
.HtmlAttributes(...);
})
)

Items(Action<TabStripItemFactory>)

Defines the items in the TabStrip.

C#
public TabStripBuilder Items(Action<TabStripItemFactory> addAction)
Parameters:addActionAction<TabStripItemFactory>

The add action.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
)

Navigatable(bool)

Enable/disable TabStrip keyboard navigation.

C#
public TabStripBuilder Navigatable(bool value)
Parameters:valuebool

If true the TabStrip will have keyboard navigation.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Navigatable(false)
)

Scrollable(Action<TabStripScrollableSettingsBuilder>)

Sets the tab scrolling settings.

C#
public TabStripBuilder Scrollable(Action<TabStripScrollableSettingsBuilder> scrollableSettingsAction)
Parameters:scrollableSettingsActionAction<TabStripScrollableSettingsBuilder>

The action which accepts scrollable settings.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Scrollable(s =&gt; s.Enabled(true).Distance(300))
)

Scrollable(bool)

Disables tab scrolling.

C#
public TabStripBuilder Scrollable(bool enabled)
Parameters:enabledbool

Boolean flag.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Scrollable(false)
)

SecurityTrimming(bool)

Enable/disable security trimming functionality of the TabStrip.

C#
public TabStripBuilder SecurityTrimming(bool value)
Parameters:valuebool

If true security trimming is enabled.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.SecurityTrimming(false)
)

SelectedIndex(int)

Selects the item at the specified index.

C#
public TabStripBuilder SelectedIndex(int index)
Parameters:indexint

The index.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.SelectedIndex(1)
)

Size(ComponentSize?)

Specifies the size of the component tabs. Default is Medium.

C#
public TabStripBuilder Size(ComponentSize? value)
Parameters:valueComponentSize?

The value for Size

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Size(Size.Small)
)

Sortable()

If enabled, users will be able to sort the tabs by dragging them to the desired position.

C#
public TabStripBuilder Sortable()
Returns:

TabStripBuilder

Example:
C#
@(Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Sortable(true)
)

Sortable(bool)

If enabled, users will be able to sort the tabs by dragging them to the desired position.

C#
public TabStripBuilder Sortable(bool value)
Parameters:valuebool

The value for Sortable

Returns:

TabStripBuilder

Example:
C#
@(Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Sortable(true)
)

TabAlignment(TabStripTabAlignment)

Specifies the alignment of the component tabs. Default is Start. Not applicable with Scrollable TabStrip.

C#
public TabStripBuilder TabAlignment(TabStripTabAlignment value)
Parameters:valueTabStripTabAlignment

The value for TabAlignment

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.TabAlignment(TabStripTabAlignment.Left)
)

TabPosition(TabStripTabPosition)

Sets the tabs' position. The default value is Top. Using fade animation is highly recommended with any of the non-default tab position settings.

C#
public TabStripBuilder TabPosition(TabStripTabPosition position)
Parameters:positionTabStripTabPosition

The position.

Returns:

TabStripBuilder

Example:
C#
@( Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.TabPosition(TabPosition.Left)
)

Value(string)

Sets the selected tab of the widget

C#
public TabStripBuilder Value(string value)
Parameters:valuestring

String value corresponding to DataTextField property

Returns:

TabStripBuilder

Example:
C#
@(Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =&gt;
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Value("Test")
)
In this article
DefinitionConstructorsTabStripBuilder(TabStrip)MethodsAnimation(Action<PopupAnimationBuilder>)Animation(bool)BindTo(string, Action<TabStripItem, SiteMapNode>)BindTo(string)BindTo<T>(IEnumerable<T>, Action<TabStripItem, T>)Closable()Closable(bool)Collapsible(bool)Events(Action<TabStripEventBuilder>)HighlightPath(bool)IconPosition(IconPosition)ItemAction(Action<TabStripItem>)Items(Action<TabStripItemFactory>)Navigatable(bool)Scrollable(Action<TabStripScrollableSettingsBuilder>)Scrollable(bool)SecurityTrimming(bool)SelectedIndex(int)Size(ComponentSize?)Sortable()Sortable(bool)TabAlignment(TabStripTabAlignment)TabPosition(TabStripTabPosition)Value(string)
Not finding the help you need?
Contact Support