Container

This component is a "collection component" for other Components.

Configuration

For general configuration options, see General Component Configuration.

Specific Configuration

layout (string): Content alignment. Possible values are vertical and horizontal.

Example

container.json

{
  "$schema": "https://forms.virtimo.net/4.1.x/schema.json",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {
  },
  "components": [
    {
      "type": "container",
      "layout": "horizontal",
      "label": "Horizontal container",
      "components": [
        {
          "type": "html",
          "value": "First element in horizontal container"
        },
        {
          "type": "html",
          "value": "Second element in horizontal container"
        },
        {
          "type": "container",
          "layout": "vertical",
          "label": "Vertical container",
          "components": [
            {
              "type": "html",
              "value": "First element in vertical container"
            },
            {
              "type": "html",
              "value": "Second element in vertical container"
            }
          ]
        }
      ]
    }
  ]
}

Embedded preview

Open preview in a separate window

Keywords: