[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Expand]Menu
   [Expand]Navigation Bar
   [Collapse]Page Control and Tab Control
     ASPxTabControl Overview
    [Collapse]Concepts
     [Expand]Data Binding
      Tab Layout Customization
      Templates
      Tab Control vs Page Control
    [Expand]Visual Elements
    [Expand]Examples
    Panel Overview
   [Expand]Ribbon
   [Expand]Site Map Control
   [Expand]Splitter
   [Expand]Tag Cloud Control
   [Expand]Title Index
   [Expand]TreeView
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Templates

ASPxTabControl and ASPxPageControl support template technology, allowing you to completely customize the tab header appearance. The look of the tabs can be completely modified by creating a specific template, defining how an element will be rendered by a client browser.

 

 

The controls allow you to create templates for active and inactive tabs. You can apply templates for all tabs within a control (using control level templates) or for a particular tab (using tab level templates). Note that templates created at a tab level override control level templates.

The table below lists the members used to create templates within ASPxTabControl.

Tab level templates Control level templates
Active tab content templates Tab.ActiveTabTemplate ASPxTabControl.ActiveTabTemplate
Inactive tab content templates Tab.TabTemplate ASPxTabControl.TabTemplate
Active tab text templates Tab.ActiveTabTextTemplate ASPxTabControlBase.ActiveTabTextTemplate
Inactive tab text templates Tab.TabTextTemplate ASPxTabControlBase.TabTextTemplate

The table below lists the members used to create templates within ASPxPageControl.

Tab level templates Control level templates
Active tab content templates TabPage.ActiveTabTemplate ASPxPageControl.ActiveTabTemplate
Inactive tab content templates TabPage.TabTextTemplate ASPxPageControl.TabTextTemplate
Active tab content templates TabPage.ActiveTabTextTemplate ASPxPageControl.ActiveTabTextTemplate
Inactive tab content templates TabPage.TabTemplate ASPxPageControl.TabTemplate

Additionally you can create templates for the space before tabs (ASPxTabControlBase.SpaceBeforeTabsTemplate) and the space after tabs (ASPxTabControlBase.SpaceAfterTabsTemplate).

Expanded See Also

Is this topic helpful?​​​​​​​