Layout

---

Layout

Layout is a special wrapper UI Component, that can be used to show multiple tables and forms in a grid or layout format.

{
  ...  
  "root": "main",
  "layouts": {
    "main": {
      "direction": "vertical",
      "components": [
        "top",
        "mainTabs"
      ],
      "size": [
        "30",
        "70"
      ]
    },
    "top": {
      "direction": "horizontal",
      "components": [
        "statusPie",
        "ownerBar",
        "originatedLine"
      ]
    }
  },
  ...
}

Layout properties

Prop Name	Description	Data Type	Required	Example
components	An array of components identifiers to layout. A component is a table, form, tab, chart, or another layout.	array string	no
direction	horizontal / vertical	string	no
size	Sets the initial relative width (for columns) or height (for rows).Users can still adjust sizes on UI.	string	no