Links
Comment on page

Masonry View

The Masonry View response tells the Command Bar to displays options in the Pinterest-like layout.
{
"view": {
"type": "masonry",
"options": [
{
"imageURL": "https://images.unsplash.com/photo-1481819613568-3701cbc70156",
"action": {
"type": "copy",
"value": "Moon"
}
},
{
"imageURL": "https://images.unsplash.com/photo-1614642264762-d0a3b8bf3700",
"action": {
"type": "copy",
"value": "Sun"
}
}
]
}
}

MasonryOption

For MasonryView, property CommandResponse.view.options contains the list of MasonryOption objects.
  • imageURL: The image URL for this option.
  • action: Option's Main Action object.
  • moveAction: Optional. Option's Move Action object.
{
"view": {
"type": "masonry",
"options": [
{
"imageURL": "https://images.unsplash.com/photo-1481819613568-3701cbc70156",
"action": {
"type": "open-url",
"url": "https://images.unsplash.com/photo-1481819613568-3701cbc70156"
},
"moveAction": {
"type": "add-param",
"name": "image",
"value": "moon"
}
},
{
"imageURL": "https://images.unsplash.com/photo-1512361180836-1ecddb33f2dd",
"action": {
"type": "copy",
"value": "Sky"
}
}
]
}
}