Back to Devexpress

Templates

aspnet-10492-components-site-navigation-and-layout-page-control-and-tab-control-concepts-templates.md

latest3.1 KB
Original Source

Templates

  • Jun 17, 2021

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 templatesControl level templates
Active tab content templatesTab.ActiveTabTemplateASPxTabControl.ActiveTabTemplate
Inactive tab content templatesTab.TabTemplateASPxTabControl.TabTemplate
Active tab text templatesTab.ActiveTabTextTemplateASPxTabControlBase.ActiveTabTextTemplate
Inactive tab text templatesTab.TabTextTemplateASPxTabControlBase.TabTextTemplate

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

Tab level templatesControl level templates
Active tab content templatesTabPage.ActiveTabTemplateASPxPageControl.ActiveTabTemplate
Inactive tab content templatesTabPage.TabTextTemplateASPxPageControl.TabTextTemplate
Active tab content templatesTabPage.ActiveTabTextTemplateASPxPageControl.ActiveTabTextTemplate
Inactive tab content templatesTabPage.TabTemplateASPxPageControl.TabTemplate

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

See Also

Online demo: Tab Control - Templates