Skin form — Components tab — Layouts — Trees & grids |
|
These styles apply to the column and row headers in a grid, tree, or tree grid layout. You can specify text, background, border, and images that indicate column sorting and filtering and row handles.
A preview of the currently selected format displays to the right. You can also preview formats by selecting Actions > Launch in the toolbar and then choosing one of the following preview options: Run Process, Open Portal, Harness Preview, UI Gallery Preview, Skin Preview. In the Skin Preview, click the Grids tab. Select the format you want to preview: Default
, Spreadsheet
, Transparent
, or a custom format.
Use same formatting for column and row header | Applies the settings to column and row headers. Clear this check box if you want define different styles for row and column headers. Additional fields, Text, Border, and Background appear. |
Set the text, border, and background for the column and row headers.
Text
Use default text for this grid format |
Select to use the default text specified in the Default text area on the General tab. See |
Use mixin |
Select this option to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin.
|
Specify styles |
Select to define a custom style for text in the action area header.
|
Border
Applies to the bottom border of the header.
Use default border for this grid format |
Select to use the default border specified in the Default text area on the General tab. |
Use mixin |
Select this option to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin. If desired, you can specify the Top, Left, Right, or Bottom border as none, solid, dashed, or dotted , rather than inheriting the style from the selected mixin. |
Specify styles |
Select to define a custom border:
|
Background
Applies to the column header. Also applies to the first column on the left in the Default grid format.
The image in the first column on the left is the Row Handle Image specified in the Headers area on the Rows tab.
Use default background for this grid format |
Select to use the default background specified in the Default text area on the General tab. |
Use mixin |
Select this option to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin. |
Specify styles |
Select this check box to define a custom background: Select the background Type:
|
Indicate the current sort state of the column to the user. The user sees these icons only if sorting is enabled (Sorting check box selected) in the layout's repeating area Cell Properties panel.
Ascending Descending |
Enter the location of the file, including the relative path. For example, images/AlphaCorpLogo.png .To search for an image, click the Show Image Viewericon 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.
|
Specify images to indicate if a filter is applied to a column.
Unfiltered |
Specify an image to indicate that a filter is not applied to the column.
Enter the location of the file, including the relative path. For example, |
Filtered | Specify an image to indicate that a filter is applied to the column. Enter the location of the file, including the relative path. For example, images/AlphaCorpLogo.png .To search for an image, click the Show Image Viewericon 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. |
Left Border | Specify a left border for the filter indicator. Select solid, dashed or dotted and specify the pixel width and color. If you do not want a border to the left of the filter indicator, select none. |
Row Handle Image
|
Specify the location of the file, including the relative path. For example, images/AlphaCorpLogo.png .To search for an image, click the Show Image Viewericon 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.
|