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!
-
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.
Visit the ASP.NET MVC Tabs (TabStrip) demo and documentation
-
Data Binding
The MVC TabStrip component provides you three data-binding options to choose from:
-
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.
-
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
-
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
-
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.
-
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.
-
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.
-
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
-
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.
