Skip to content

Stack

Description

Combine a bunch of layout tiles in single container. Like example below.

Attributes

  • tile=stack
  • config: [Object]
    • scroll: true | false. Added tiles component in scrollbars or not.
    • height: height in pixels
  • stack: Layout's Tiles configuration is based on different tiles[Array of objects]

Example

{
  "tile": "stack",
  "Title": "Stack Tile Testing",
  "config": {
    "height": 200,
    "scroll": true
  },
  "stack": [
    {
      "tile": "radioList",
      "title": "Radio List Tile Testing",
      "form": {
        "property": "taskType",
        "default": "Single",
        "opts": [
          "Single",
          "Groups"
        ]
      }
    },
    {
      "tile": "heatmap",
      "title": "Total",
      "display": {
        "span": "12"
      },
      "exp": "today",
      "heatmap": {
        "timeSeries": "YYYY-MM-DD; YYYY-MM-DD; P1D",
        "title": "time by day"
      },
      "mode": "week",
      "connect": [
        {
          "title": "Wellness Questionnaire",
          "source": "wellness",
          "pick": "1",
          "apply": "sum(ls)",
          "state": "result >= 1",
          "format": "0,0"
        }
      ]
    }
  ]
}