THEMES
THEME SETTINGS

Navigation and Layout - Tab Strip Overview

About the Tab Strip

The DevExpress ASP.NET MVC Tab-Page Strip is an effective solution for creating tabbed interfaces that allow end-users to navigate through different pages.

To add tabs to your web application, define the TabControl extension within the View and add the required tabs within the settings.

View code:

@Html.DevExpress().TabControl(settings => {
    settings.Name = "tcOverview";
    settings.Tabs.Add("Home");
    settings.Tabs.Add("Products");
    settings.Tabs.Add("Support");
    settings.Tabs.Add("Downloads");
}).GetHtml()

Key Features
  • Binding to Data
    You can bind a TabControl to a data source so that your tabs are retrieved from an XML file or a hierarchical list.
  • Loading Content via AJAX
    PageControl can load the content of popup windows on demand.
  • Tab Scrolling
    If the Tab Strip size does not allow all tabs to be visible within the tab header at one time, scroll buttons are displayed, allowing end-users to scroll tabs.
  • Templates
    Templates are fully supported. For each element within TabControl, you can customize the appearance or layout using any HTML content.
  • Rich Client-Side Functionality
    A comprehensive client-side API is available for TabControl. This functionality, which is then coupled with the ability to handle events on the client side, gives you full control over the TabControl behavior on the client side.
Version: v2017 vol 1.3
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.