eolab:treemap:dashboard:panel
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
eolab:treemap:dashboard:panel [2022/08/24 15:50] – farooq001 | eolab:treemap:dashboard:panel [2023/01/05 14:38] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 23: | Line 23: | ||
===== Component Size and Layout ===== | ===== Component Size and Layout ===== | ||
+ | Size and spacing of components are controlled by a set of parameters. | ||
+ | ==== margin ==== | ||
+ | Margin parameter is used to create space around a component. | ||
+ | ==== align ==== | ||
+ | The align parameter controls how components align vertically and horizontally. | ||
+ | ===== Absolute sizing using width and height ===== | ||
+ | There are two types of sizing in panel:Auto sizing and absolute sizing. | ||
+ | ===== Responsive sizing ===== | ||
+ | ==== sizing_mode ==== | ||
+ | - fixed | ||
+ | - stretch_width | ||
+ | - stretch_height | ||
+ | - stretch_both | ||
+ | - scale_height | ||
+ | - scale_width | ||
+ | - scale_both | ||
+ | |||
+ | ==== Spacer ==== | ||
+ | Helps to put fixed or responsive spacing between components.Support absolute and responsive sizing mode. | ||
+ | VSpacer and HSpacer provide responsive vertical and horizontal spacing. | ||
eolab/treemap/dashboard/panel.1661349049.txt.gz · Last modified: 2023/01/05 14:38 (external edit)