APLSequenceIssue.json

{
  "type": "APL",
  "version": "1.2",
  "import": [
    {
      "name": "alexa-layouts",
      "version": "1.1.0"
    }
  ],
  "layouts": {
    "mainLayout": {
      "parameters": [
          "sequenceItems"
          ],
      "item": [
        {
          "type": "Container",
          "width": "100%",
          "height": "100%",
          "items": [
            {
              "type": "Container",
              "width": "90%",
              "height": "60%",
              "items": [
                {
                  "type": "Text",
                  "textAlign": "center",
                  "fontStyle": "italic",
                  "text": "APL Sequence Issue",
                  "fontWeight": "500"
                },
                {
                "type": "Container",
                "alignItems": "center",
                "justifyContent": "center",
                "items": [
                    {
                        "type": "Text",
                        "text": "${environment.agentName}"
                    },
                    {
                        "type": "Text",
                        "text": "${environment.agentVersion}"
                    }
                ]
                },
                {
                  "type": "Sequence",
                  "width": "60%",
                  "height": "20vh",
                  "data": "${sequenceItems}",
                  "scrollDirection": "horizontal",
                  "items": [
                    {
                      "type": "Container",
                      "items": [
                        {
                          "type": "Frame",
                          "width": "10vh",
                          "items": [
                            {
                              "type": "Container",
                              "height": "20vh"
                            }
                          ],
                          "backgroundColor": "white"
                        }
                      ],
                      "spacing": "10"
                    }
                  ]
                }
              ],
              "alignSelf": "center",
              "position": "relative"
            }
          ]
        }
      ]
    }
  },
  "mainTemplate": {
    "parameters": [
      "payload"
    ],
    "item": [
      {
        "sequenceItems": "${payload.templateMetadata.sequenceItems}",
        "type": "mainLayout"
      }
    ]
  }
}