This following table lists the properties used by the built-in Simple_Gray
skin.
Note: It is recommended that you also read
Designing a TabStrip using Images which explains the various
implementation techniques used by this skin in much greater detail.
|
Property |
Value |
Remarks
|
|
The following properties apply on the _TopGroup look. The _TopGroup
look is automatically applied on the top level item group.
-
To access the _TopGroup look item in code, use TabStrip.ItemLooks.TopGroup
-
To modify the _TopGroup look with TabStrip Builder, start TabStrip Builder,
select the _TopGroup look item, then edit its properties in the property
grid;
|
| SubGroup.Style.CssText |
background-color:white;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
color:black;cursor:hand;
font-family:verdana;
font-size:9pt;
padding-left:2px;
padding-right:2px;
padding-top:2px;
|
Specifies the font, cursor, color, border and padding. |
|
The following properties apply on the _Default look. The
Default look is automatically applied to all non top level items in this
skin.
-
To access the _Default look item in code, use TabStrip.ItemLooks.Default
-
To modify the _Default look with TabStrip Builder, start TabStrip Builder,
select the _Default look item, then edit its properties in the property grid;
|
| NormalStyle.CssText |
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px;
padding-top: 4px;
|
Specifies the padding for normal state. |
| HoverStyle.CssText |
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom-style: none;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 5px;
padding-top: 2px;
position: relative;
top: 1px;
background-color: #f1f1f1;
|
Specifies the border, padding, background color and text decoration for
hover state. |
| SelectedStyle.CssText |
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom-style: none;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 5px;
padding-top: 2px;
position: relative;
top: 1px;
background-color: white;
|
Specifies the border, padding and background color and text decoration for
selected state. |
| SubGroup.Style.CssText |
border-right: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
padding-right: 2px;
padding-left: 2px;
padding-top: 2px;
font-size: 9pt;
cursor: hand;
color: black;
font-family: verdana;
background-color: white;
|
Specifies the border, padding, font, cursor and background for the bottom tab
group. |
| SubGroup.ItemSpacing |
3 |
3 pixels between each tab item |