Table of Contents
Table of Contents
How Simple_Gray skin is created

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