Appearance Customization
- 2 minutes to read
The DXTabControl‘s layout, style, and behavior settings are defined by View objects, which are descended from TabControlViewBase classes. Each View has a customizable layout and behavior. For more information, refer to the following topic: Views Overview.
In addition to standard customization properties, DXTabControl and DXTabItem include several extended styling features:
#Colorized Tabs
DXTabItem.AccentColor and DXTabItem.BorderColor properties allow you to specify the background/foreground color of the DXTabItem‘s header and the DXTabItem‘s border color.
Refer to the following topic for more information: Change Tab Background in DXTabControl and Keep the Default Gradient and Highlight Effects.
#Custom Theming
You can use the following properties to define a custom theming mechanism without overriding the default theme’s resources:
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.
Refer to the following topic for additional information: Change Tab Appearance in DXTabControl when a Tab Is Selected, Focused Or Hovered.
#Customizable Areas
Several customizable areas can be templated using the following properties:
DXTabControl.ControlBoxLeftTemplate and DXTabControl.ControlBoxRightTemplate properties allow you to visualize the left control and right box respectively.
DXTabControl.ContentFooterTemplate and DXTabControl.ContentHeaderTemplate properties are responsible for the areas at the top and bottom of DXTabControl content.
Use the DXTabControl.ControlBoxPanelTemplate property to define custom elements within the tab panel of DXTabControl.
