 |
AspLib component library | Send comments on this topic. |
Glossary Item Box
|
AspLib component library | Send comments on this topic. |
The TabStrip offers you myriads of options for appearance customization. You can control the look and feel of tabs using multiple mechanisms - from applying an auto-format to the entire control, to customization of individual tabs via its properties or using CSS.
To set appearance of the tabs in miscellaneous modes use TabStyle, SelectedTabStyle, HoverTabStyle, DisabledTabStyle and HoverSelectedTabStyle properties of the control.
Some properties of styles set the image and background image of the tab header.
|
Style |
Description |
|
TabStyle |
The default tab style. |
|
SelectedTabStyle |
The selected tab style. |
|
HoverTabStyle |
The hover tab style. |
|
DisabledTabStyle |
The disabled tab style. |
|
HoverSelectedTabStyle |
The hover selected tab style. |
To set individual images for tab header use following properties of the styles:
|
Property |
Description |
|
BackImageUrl |
URL of the background image. |
|
LeftImageUrl |
URL of the left image. |
|
LeftImageWidth |
Width of the left image. |
|
RightImageUrl |
URL of the right image. |
|
RightImageWidth |
Width of the right image. |
Developer may set view of the each tab to gradient:
To enable gradient appearance set EnableGradient property to true, start color of gradient defined by GradientStartColor, end color of gradient defined by GradientEndColor, orientation (horizontal or vertical) is defined by GradientOrientation property. Alse user may use predefined themes for gradients: Olive, Silver, Blue, Hover, Selected, HoverSelected. Use GradientTheme property to set theme.
There are two ways to change active tab - using click or using mouse-hovering. This behavior is depends on ActivateTabPageAction propery of the TabStrip control.
Each tab page in TabStrip control is instance of the TabStripPage class. Each page has a header which can display an image and/or text. There are space may be between tabs.
To set tab image use Image property of the tab. Image align depends on Image.ImageAlign property of the tab.
ToolTip and Text define tooltip and text for the tab. The tab page's visibility and position are specified by its TabStripPage.Visible property. The TabStripPage.Enabled property specifies whether the page can be activated. A disabled page cannot be activated by an end user or via code, its header is displayed using individual style.
To set space between tabs use TabSpacing property of the TabStrip.
Without spacing: 
Spacing = 5 px: 
| See Also |
TabStrip: Overview | Design time | Multi row | Validation groups | Client API