 Applying styles The gadget spec URL could not be found
A style is a set of one or more formatting attributes that you can
apply as a unit to individual elements in the form layout. For example,
you could define a style that specifies a certain text size and
colour, then apply to only specific elements. "Cell Styles" provides the option to apply pre-defined styles.
There are two ways to set a style:
- Apply styles to an individual cell, OR
- Apply styles to an entire row.
|
|
Applying styles to a cell
|
|
|
|
Select the cell.
|
|
|
|
Click on the "Cell Styles" icon.
|
|
|
 |
Click on the "Cell Style" option. Since a cell is selected, only "Cell Style" option is enabled.
|
|
|
|
|
|
|
|
The list of available styles is displayed.
|
|
|
|
Click on the required style to apply it to the selected cell.
|
|
|
|
|
|
|
|
Applying styles to a row
|
|
|
|
Select a row by clicking on the row heading.
|
|
|
|
Click on the "Cell Styles" icon.
|
|
|
 |
Click on the "Row Style" option. Since a row is selected, only "Row Style" option is enabled.
A list of available styles will be displayed. Choose style to apply it to the selected row. |
|
|
|
|
|
One of the UI design practices is to apply specific styles for related data/fields. For example, editable (input) fields will have a different style from that of a viewable (read-only) fields. So how to apply a different style when permissions are used to change an editable cell to read-only cell or vice-versa? This can be achieved by applying "Read-only" style for a cell. In addition to applying a cell style, you can define "Read-only style" for the same cell.
|
|
Applying read-only style
|
|
|
|
Select the cell.
|
|
|
|
In the permissions tab, a tick will be marked against the "Read" option if read-only permissions are defined.
|
|
|
 |
Click on the "Cell Styles" icon.
|
|
|
|
"Cell style" and "Read-Only Style" options are enabled. Choose the appropriate option and apply the styles as required. |
|
|
|
|
|
Applying alternate styles
|
|
|
|
Alternate styles can be applied only to rows in the one-many, many-one model forms. If an alternate style is applied in addition to the row style, when the list of child records are displayed, "row style" and "alternate style" will be applied to the rows alternatively.
|
|
|
|
Select the row by clicking on the row heading.
|
|
|
|
Click on the "Cell Styles" icon.
|
|
|
 |
"Row style" and "Alternate Style" options are enabled. Choose the appropriate option and apply the styles as required.
|
|
|
|
|
|
|