Skin form — Styles tab

Layouts — Repeat Grid

Styles you set here apply to the rows in repeating grids, tree grids, and tree layouts.

Grid Rows

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.

Odd, Even and Total Rows; Focus, Selection, and Hover

Set the Text and Background colors of the following:

Odd, Even, and Total — odd and even rows; rows containing grand total values (in tree grids using Report Definition data sources).
Focus — the row in focus; responds to Keyboard events, such as Enter to open an item.
Selection — the selected row; responds to buttons and links in the Action Top area of the repeating grid.
Hover — OnHover style; changes the appearance of a row when the mouse pointer hovers over it. To enable OnHover for rows, select the Row Hover checkbox in the Repeat Grid panel of the grid layout.

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

Enter a hexadecimal value (such as #3d3d3d) or click the box next to the field to Choose a Color.

Background

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 Background

Select a background color (fill). Enter the CSS hexadecimal value or click the box next to the field to Choose a Color. Click No Fill if you want a transparent background.

Expand/Collapse Images

Specify Expand and Collapse images for the following:

Tree Icons — Row handle tree icons that appear in the Tree and Tree Grid row headers and layout hierarchy cells.
Expand Pane Icons — Expand and collapse icons visible in the Expand Pane edit mode.

Expand

Collapse

Specify the location of the file, including the relative path. For example, images/AlphaCorpLogo.png.

To search for an image, click () to open the Image Catalog tool. Enter any portion of a file name (relative path, file name, or extension) in the Search box, and click Find. If you can’t find the image, make sure it is in the webwb directory.

Row Headers

Specify the text, border, and background for row Headers and the row handle image that displays in the outer left column of grids.

Use same formatting as Column Header	Applies the settings specified in Column Header to the row header. Clear this checkbox if you want define different styles for row headers. Additional fields, Text, Border, and Background appear.
Row Handle Image	Specify the location of the file, including the relative path. For example, `images/AlphaCorpLogo.png`. To search for an image, click () to open the Image Catalog tool. Enter any portion of a file name (relative path, file name, or extension) in the Search box, and click Find. If you can’t find the image, make sure it is in the `webwb` directory.

Skin rules — Completing the Styles tab
About Skin rules