Setting table colors

You can specify colors for the following table elements:

Table type	Table row		Table cell
Table type	Text	Background	Background
List view	+	+	+
Tree view	+
Cell-based	+	+ ¹

¹ In cell-based tables, an entire row appears in one cell. To set the background color of that "cell," you specify a background color for the row.

Cell background color overrides row background color. The color that indicates a row is selected overrides cell and row background color.

Limit the use of row and cell color. Too much color defeats the purpose of this feature, which is to draw attention quickly to a noteworthy item.

Setting row colors

Colors of individual rows in a table are based on the value of one of the selection fields (see Data-fields) in the table.

You can set row text colors in list view, tree view, and cell-based tables. You can set row background colors in list view and cell-based tables. For example, you might make the background of all New requests red and the background of all Assigned requests green, as shown in the following figure.

Or, as shown in the following figure, you might set the text of engine parts whose status is "Backordered" in red to alert the assembly manager.

Using color in tree view tables

For tree view table fields, only the text of leaf nodes can be colored. If the visible leaf nodes are actually parent nodes associated with multiple child request nodes, the color of a parent leaf nodes is based on the first hidden child request under that parent.

For example, the color selection in the following figure is linked to the Priority values in level 6: Urgent (red), High (orange), Medium (blue), and Low (green). In the first and second trees, the leaf nodes represent individual requests and their colors are meaningful. But in the third table, the "leaf" nodes can represent multiple requests with different priorities; so, the priority of the first request under each leaf controls the color of the leaf.

Colored nodes in tree views

To set row text and background colors

In Developer Studio, select the appropriate table field.
In the Properties tab, select the Results Color property, and click its ellipsis button.
In the Results Color dialog box, click the ellipsis button to the right of the Selection Field field.
In the Available Fields list of the Field Selector dialog box, double-click the name of the selection field whose value will determine the row color.
A list of all the field's selection values appears in the Results Color dialog box.
Specify the text color for one or more selection values:
1. Click the Color cell of the value, and select Custom from the drop-down list.
2. Select a color from the color palette, and click OK.
  The selected color is displayed in the color cell.
(List view, cell-based only) Specify the background color for one or more selection values:
1. Click the value's Background cell, and select Custom from the drop-down list.
2. Select a color from the color palette, and click OK.
  The selected color is displayed in the Background cell.
When you finish setting results colors for the selection field, click OK.
Right-click the form, and select Save.

Setting cell background colors in list view tables

You can set the background color of individual cells in a list view table. For example, in the following figure, cell colors help users see at a glance whether the score of a vendor's customer satisfaction survey improved or worsened from 2008 (fourth column) to 2009 (last column)--that is, moved up or down the color scale from dark red (the lowest) to dark green (the highest).

You can define cell background color for any column in a list view table. The color is based on the value of an associated selection field (drop-down list, radio button, or check box). For example, you might base the color of cells in a Request ID column on the form's Status field. If you set the Status selection value Rejected to red, the cells of all rejected Request IDs will be red.

You can use different sets of cell background colors in each form view.

If a field value changes at runtime, the table must be refreshed to update the background color.

To set cell background colors in list view tables

In Developer Studio, select the appropriate list view table field.
Select the column for which you want to define cell colors.
In the Properties tab, select the Column Color property, and click its ellipsis button.
In the Column Color dialog box, click the ellipsis button to the right of the Selection Field field.
In the Available Fields list of the Field Selector dialog box, double-click the name of the selection field whose value will determine the cell background color.
A list of all the field's selection values appears in the Column Color dialog box.
Specify the background color for one or more selection values:
1. Click the Color cell of the value, and select Custom from the drop-down list.
2. Select a color from the color palette, and click OK.
  The selected color is displayed in the Color cell.
When you finish setting column colors for the selection field, click OK.
Save your changes.

Setting panel border color and panel border thickness in cell-based tables

In Developer Studio, select a cell-based table on a form.
On the Properties tab, do the following:
1. For the Panel Border Color property, select a color.
2. For the Panel Border Thickness property, type a value in the Value column.
Right-click the form and then click Save.

Setting the color for a column in a list view table

In Developer Studio, double-click the column in a list view table for which you want to set the color.
In the Properties pane, expand the Color property group.
In the Property column, click the Column Color property.
In the Value column, click the ellipsis () button.
In the Column Color dialog box, click the ellipsis button ().
In the Field Selector dialog box, select a field of the field type Selection. For example, in the following image, the Status field is selected.
In the Column Color dialog box, specify a color for a selection value. For example, you can specify a color for the selection values, such as New, Assigned, and Fixed. See step 8.
In the Selection Values column, click a selection value, and then click the corresponding row in the Color column.
Click the down arrow and then select Custom.
From the color palette, select a color and then click OK.
In the Column Color dialog box, click OK.
Right-click the form and then click Save.

Setting the font color and background color for a list-view table

In Developer Studio, double-click the list view table for which you want to set the font color and background color.
In the Properties pane, expand the Color property group.
In the Property column, click the Results Color property.
In the Value column, click the ellipsis () button.
The Results Color dialog box is displayed.
In the Results Color dialog box, click the ellipsis button () to select a selection field.
Based on the selection field that you selected, you can view the selection values and then specify the font color and the background color for a selection value.
For example, in the Results Color dialog box, the color Blue is the font color for the selection value Female and the color Yellow is the background color for the selection value Male.

Important

You can specify a font color at table-level and at column-level. However, in PWA, precedence is given to the font color at column-level. In progressive views, column-level a color denotes a font color. However, in Mid Tier, column-level color denotes a background color.