Appearance Customization
- 2 minutes to read
In addition to the standard customization properties, DXTabControl and DXTabItem provide several extended capabilities to the style.
Colorized Tabs
The DXTabItem.BackgroundColor and DXTabItem.BorderColor properties allow you to specify the background color of the DXTabItem‘s header and the DXTabItem‘s border color.
An example illustrating how to use these properties is available in How to: Change Tab Background in DXTabControl and Keep the Default Gradient and Highlight Effects.
Custom Theming
You can define a custom theming mechanism without overriding the default theme’s resources. You can do it by using the following properties.
- DXTabItem.NormalBackgroundTemplate is responsible for the default tab item header background.
- DXTabItem.HoverBackgroundTemplate is responsible for the tab item header appearance when it is under a mouse pointer.
- DXTabItem.SelectedBackgroundTemplate is responsible for the tab item header appearance when it is selected.
- DXTabItem.FocusedBackgroundTemplate is responsible for the tab item header appearance when it is focused.
An example illustrating how to use these properties is available in How to: Change the Tab Background in DXTabControl when a Tab Is Selected, Focused Or Hovered.
Customizable Areas
There are several customizable areas, which can be templated by using the following properties.
The DXTabControl.ControlBoxLeftTemplate and DXTabControl.ControlBoxRightTemplate properties allow to visualize the left control and right box respectively.
The DXTabControl.ContentFooterTemplate and DXTabControl.ContentHeaderTemplate properties are responsible for the areas located at the top and bottom of the DXTabControl content.
Using the DXTabControl.ControlBoxPanelTemplate property you can define custom elements within the TabPanel of DXTabControl.
An example illustrating how to use these properties is available in How to: Customize DXTabControl’s Content Header, Content Footer and Control Box Areas.