Differences

This shows you the differences between two versions of the page.

--- eolab:treemap:dashboard:panel [2022/08/24 15:45] – farooq001
+++ eolab:treemap:dashboard:panel [2023/01/05 14:38] (current) – external edit 127.0.0.1
@@ Line 22: / Line 22: @@
 All components provide a visible parameter which allows toggling whether the component should be visible or not.
+===== 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.