background

UI for ASP.NET MVC

ASP.NET MVC TabStrip

  • The ASP.NET MVC TabStrip lets you organize app content and avoid clutter on data-rich screens where you have full control over the tab appearance.
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    Organize the content of your website or application efficiently with the help of ASP.NET MVC TabStrip. Enjoy user-friendly UI and full control over the tab appearance and behavior. Take advantage of its various built-in features including scrollable tabs, animations, keyboard navigation and RTL support.
    ASP.NET MVC TabStrip - Tabs Overview
  • Data Binding

    The MVC TabStrip component provides you three data-binding options to choose from:
    Telerik UI for ASP.NET Core Data Binding
  • Positions

    The ASP.NET MVC TabStrip allows you to choose a position that best suits your project's needs. By default the tabs are positioned on top, but you can easily move them to the left, right or bottom of your application. 
    Telerik UI for ASP.NET MVC TabStrip - Flexible Tab Position
  • Scrollable Tabs

    The scrollable tabs functionality is enabled out-of-the-box and comes in handy in situations when there is too little space to display them all. 

    See the ASP.NET MVC Scrollable Tabs demo
    Telerik UI for ASP.NET MVC Scrollable-Tabs
  • Sortable Tabs

    Sorting the Telerik UI for ASP.NET MVC TabStrip tabs is a piece of cake with the drag and drop functionality allowing you to move them to the desired position. To enable the sortable functionality, simply set the Sortable option to true or add the sortable attribute to the component's tag when using the TagHelper mode. 

    See the Telerik UI for ASP.NET MVC TabStrip sortable tabs demo 

    Telerik UI for ASP.NET MVC TabStrip - Sortable Tabs
  • Images and Sprites

    The Telerik UI for ASP.NET MVC TabStrip component allows the addition of images and sprites in its tabs. You can use either the  .ImageUrl() or the .SpriteCssClasses() configuration options to customize the component in no time.
    Telerik UI for ASP.NET MVC TabStrip - Images
  • Sleek Animations

    ASP.NET MVC TabStrip comes with built-in “toggle” and “expand” visual animations that can be further customized. Using pure JavaScript, you will be able to create the type of tabs users are accustomed to using in modern web browsers.
    Telerik UI for ASP.NET MVC TabStrip - Animation Effects
  • Security Trimming

    The Telerik UI for ASP.NET MVC TabStrip component comes with out-of-the-box security trimming functionality, enabled by default. Thus, if the URL to which the TabStrip item points is not authorized, the item is hidden.
  • RTL Support

    The Telerik UI for ASP.NET MVC TabStrip comes with out-of-the-box support for RTL configuration. The RTL functionality accommodates users who communicate through a right-to-left language such as Arabic or Hebrew. 
    Telerik UI for ASP.NET Core RTL Support
  • Keyboard Navigation

    The TabStip component comes with out-of-the-box keyboard navigation support. Use the arrows or the Home and End buttons to navigate to any tab of interest.

    See more in the ASP.NET MVC Tab Strip Keyboard Navigation demo
    Telerik UI for ASP.NET Core Keyboard navigation
  • Theming

    You can style the ASP.NET MVC TabStrip with the help of the multiple built-in themes and swatches the component comes with. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) themes and choose the swatch that best suits your application. 

    You can easily customize the available themes with a few lines of CSS or create a new one with the Progress SASS ThemeBuilder application to meet your client’s design requirements. 

    Telerik UI for ASP.NET MVC TabStrip Themes

All ASP.NET MVC Components

Next Steps