Skin form — Styles tab

Layouts — Repeat Grid

Styles that you define here apply to grid, tree, and tree grid repeating layouts. For the following formats, specify text, outer border, and cell border styles:

Default
Spreadsheet
Transparent

You can also create custom grid formats.

To apply a grid format, select Default, Spreadsheet, Transparent, or Other (for custom formats) in the Style drop-down list on the General tab of the repeating layout properties panel.

Grid Styles

To preview changes, save the rule and click Run ( Run ). In the Skin Preview, click the Grids tab. Select the format you want to preview: Default, Spreadsheet, or Transparent.

Text

Style Preset

Displays the currently selected Style Preset.

Click the magnifying glass () to select a different Style Preset from the Style Preset list.

Use Custom Text

Select this checkbox to define a custom text format:

Font— Select the font family and size in pixels (px), points (pts), em (the current font size), or percentage (%). The font family defaults to (use overall), which is the font you specified in the Overall Font field in the Style Presets.
Color — Enter a hexadecimal value (such as #3d3d3d) or click the box next to the field to Choose a Color.
Bold — Select or clear the checkbox to determine the font-weight.

Outer Border

Style Preset

Displays the currently selected Style Preset for the background of the page.

Click the magnifying glass () to select a different Style Preset from the Style Preset list.

Use Custom Outer Border

Use this setting, in combination with Cell Border, to style the grid border. See the table below for details.
If you want only an outer border (no cell borders), select the same for all sides checkbox.

Cell Border

Style Preset

Displays the currently selected Style Preset for the background of the page.

Click the magnifying glass () to select a different Style Preset from the Style Preset list.

Use Custom Cell Border

Use this setting, in combination with Outer Border, to style the grid border. See the table below for details.
If you want only an outer border (no cell borders), select the same for all sides checkbox.

Styling Grid Borders

Use the following table to set Outer Borders and Cell Borders to achieve the desired result.

If your grid has...	in the Outer Border...	and in the Cell Border...
a single cell	Select: same for all sides	Set to none: Top, Left, Right, and Bottom
Rows Only	Specify: Left, Right, Bottom Set to none: Top	Specify: Top Set to none: Left, Right, Bottom
Columns Only	Specify: Top, Right, Bottom Set to none: Left	Specify: Left Set to none: Top, Right, Bottom
Row and Columns	Specify: Right, Bottom Set to none: Top, Left	Specify: Top, Left Set to none: Right, Bottom

Creating Custom Grid Formats

Creating a custom grid format

Click .
Type the name of the custom format using only alpha-numeric characters (a-z and 0-9) and spaces. The name cannot begin with a number. The name that you enter is converted into the name of the CSS class/classes.
Specify the values.
Save the skin.

Using a custom grid format

Click the magnifying glass icon () on the Grid Repeat Layout to open the Grid Repeat Layout properties panel.
On the General tab, select the Other as the Style.
In the input box below Style, type the name of the custom format:

See Harness, Section, and Flow Action forms — Adding a Grid layout.

You can delete styles that you create; click Delete Link . You cannot delete standard (out-of-the-box) styles.

	Harness, Section, and Flow Action forms — Adding a Grid layout
	Harness, Section, and Flow Action forms — Adding a Tree layout
	Harness, Section, and Flow Action forms — Adding a Tree Grid layout

Skin rules — Completing the Styles tab
About Skin rules