Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

A style is a container for Style Elements (CSS Styles). A style can be assigned to objects (i.e. Layout) or used to provide default formatting (i.e. selected grid rows).

For each style, the following settings are configured:

...

The Container (Application or Package) containing this Style. Container is a drop down field listing all Containers for this instance which the user has permission to view.

...

Style Elements

...

This tab is not available from the repository. It opens from:

For each CSS property, set:

FieldDescription
CSS TagThe the CSS property.
Value

Enter the value for the property; see https://www.w3schools.com/cssref/.

If the value is an expression, you can use the internal variable _current to refer to all the data in the current row of a grid.

Expression
Insert excerpt
_check_box_ticked
_check_box_ticked
nopaneltrue
 to indicate the value is an expression.
State

Choose one of:

  • Focus
  • Mouse Down
  • Move Over
  • Read Only
OrderThe order in which the style element will be applied.
Cycle Size

Optionally enter a number to indicate the recurrence of this CSS formatting.

Description
DescriptionDescription of this style.

Form icons

The form provides the standard form icons.

See Also

...

For example to use this CSS for: 

  • alternate children, enter 2
  • every 5th child enter 5.
OffsetOptionally specify where you want the cycle to start after the first child. For example, to apply the formatting to the second item, instead of the first, enter 2.

Using Cycle Size and Offset

Use Cycle Size and Offset to specify different formatting for children of the layout. The two fields together work as an ax + b expression, where:

  • a is the cycle size,
  • x is the current cycle
  • b is the offset. 

For example, to apply the CSS formatting:

  • to the 5th child only, leave the Cycle Size empty and set the Offset to 5.
  • alternate children, starting with the second, (2, 4, 6...) set the Cycle Size  to 2 and the Offset to 2.
  • not format the first 10 items, but then format every 3rd child (i.e. 11,14,17...), set the Cycle Size  to 3 and the Offset to 11.