...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
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.
...
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/. From PhixFlow 8.0.2 onwards, ifIf 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. State | |||||||||
Choose one of:
| 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.