...
- To configure the selected layout component only, use:
- Style Settings: Auto Size, Direction and options to set scrollbars
- Position Settings: fix the position, size and order of layout components
- CSS Properties: configure less common CSS options, such as z-index.
- To configure multiple components in the same way, use Shared Styles → Basic Settings These include settings for borders backgrounds and setting scrollbars. You can set more options by adding CSS Properties to shared styles.
See Also:
- You can find reference details for all layout components on the Layout page.
- Learn how to use Theme 2 in the /wiki/spaces/HELP100/pages/9106726483.
Positioning
Position settings can be:
...
Note |
---|
When you change a layout component from flowing within its parent to having a fixed position, depending on other settings:
|
Size
Summary of Size Settings
To control the size of layout components on a dashboard you can:
...
Tip |
---|
Remember that with auto size set: A single, empty area component in a dashboard will automatically fill all the visible dashboard space, even though it is empty. A component does not expand to accommodate all its content. It expands to fit the available space. If there are more fields than can be displayed in a component you can:
|
Multimedia | ||
---|---|---|
|
...
Combining Settings for Responsive Applications
When you combine Auto Size with Style Settings, you can achieve a responsive "flexbox" design.
When you set Auto Size and a Direction, PhixFlow provides additional Style Settings for Wrap, Justify and Align. The Align: Stretch option is useful to expand components into the available space perpendicular to the flow direction. For example, in a row, components stretch to fill the vertical space. In a column, they stretch to fill the horizontal space.
Multimedia | ||
---|---|---|
|