...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
A style is a container for a set of CSS properties. A style can be assigned to objects, such as a layout component. You can also use it to provide default formatting, for example on selected grid rows.
| Tip |
|---|
The properties tab for a Layout also has a Style Settings section where you can select options to format the border, background, font etc. PhixFlow combines any style settings and CSS properties. |
...
For each style, set:
Basic Settings
...
Style Elements
...
Style Elements
A list of of the style elements. Click on an item on the list to open its CSS properties.
CSS Property
This tab is not available from the repository. It opens from:
For each CSS property, set:
| Field | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| CSS Tag | The the CSS property. | ||||||||
| Value | Enter the value for the property; see https://www.w3schools.com/cssref/. | State | Choose one of: 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 |
| ||||||||
| State | Choose one of:
| ||||||||
| Order | The order in which the style element will be applied. | ||||||||
| Cycle Size | Optionally enter a number to indicate the recurrence of this CSS formatting. For example to use this CSS for:
| ||||||||
| Offset | Optionally 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:
ais the cycle size,xis the current cyclebis 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.