regions-alternative.json

{
  "center": {
    "styleId": "red-background",
    "items": [
      {
        "type": "text",
        "text": "Center",
        "styleId": "light-background"
      }
    ]
  },
  "bottom": {
    "type": "row",
    "styleId": "green-background",
    "scrollSpeedInSeconds" : 0,
    "items": [
      {
        "type": "text",
        "text": "Bottom",
        "styleId": "light-background"
      },
      {
        "type": "text",
        "text": "One"
      },
      {
        "type": "text",
        "text": "Two"
      },
      {
        "type": "text",
        "text": "Three"
      }
    ]
  },
  "left": {
    "type": "column",
    "styleId": "blue-background",
    "scrollSpeedInSeconds" : 8,
    "items": [
      {
        "type": "text",
        "text": "Left",
        "styleId": "light-background"
      },
      {
        "type": "text",
        "text": "One"
      },
      {
        "type": "text",
        "text": "Two"
      },
      {
        "type": "text",
        "text": "Three"
      }
    ]
  },
  "itemCatalog": [
    {
      "id": "center",
      "type": "text",
      "text": "Center"
    },
    {
      "id": "bottom",
      "type": "text",
      "text": "Bottom"
    },
    {
      "id": "left",
      "type": "text",
      "text": "Left"
    },
    {
      "id": "one",
      "type": "text",
      "text": "One"
    },
    {
      "id": "two",
      "type": "text",
      "text": "Two"
    },
    {
      "id": "three",
      "type": "text",
      "text": "Three"
    }
  ],
  "styles": [
    {
      "id": "red-background",
      "backgroundColor": "#ff0000"
    },
    {
      "id": "green-background",
      "backgroundColor": "#00ff00"
    },
    {
      "id": "blue-background",
      "backgroundColor": "#0000ff"
    },
    {
      "id": "light-background",
      "backgroundColor": "#ffffffa0"
    }
  ]
}