question

newuser-6c559382-bf16-411a-9ddd-06094008f547 avatar image

Alexa Presentation Language (APL) Button

Hello,

I'm making a multimodal skill which is using the APL from Alexa. I've already got the TouchWrapper working on a text element. My question is if APL offers some sort of button like the image below? Or is there a way to style a text element that it looks like a button?

alexaaplbutton
screen-shot-2019-01-21-at-104533.png (7.2 KiB)
1 comment
10 |5000
Toggle Comment visibility. Current Visibility: Viewable by all users

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Alexander Martin avatar image Alexander Martin ·

try something like: 

{
  "type": "TouchWrapper",
  "onPress": {
    "type": "SendEvent",
    "arguments": [
      "arg1",
      "arg2"
    ]
  },
  "item": {
    "type": "Frame",
    "backgroundColor": "#D3D3D3",
    "borderRadius": "200",
    "width": "200px",
    "height": "200px",
    "item": {
      "type": "Container",
      "justifyContent": "center",
      "alignItems": "center",
      "width": "100%",
      "height": "100%",
      "items": [
        {
          "type": "Text",
          "text": "Yes",
          "color": "#ffffff",
          "fontSize": "32dp"
        }
      ]
    }
  }
}

and play around with the width/height/fontSize property

0 Likes 0 ·

0 Answers