Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[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
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [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]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [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]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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

How would you rate this topic?​​​​​​​