Samples
These samples are just a teaser of the type of cards you can create. Go ahead and tweak them to make any scenario possible!
Image gallery
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Here are some cool photos",
"size": "large"
},
{
"type": "TextBlock",
"text": "Sorry some of them are repeats",
"size": "medium",
"weight": "lighter"
},
{
"type": "ImageSet",
"imageSize": "medium",
"images": [
{
"type": "Image",
"url": "https://picsum.photos/200/200?image=100"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=200"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=301"
},
{
"type": "Image",
"url": "https://picsum.photos/200/200?image=400"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=500"
},
{
"type": "Image",
"url": "https://picsum.photos/200/200?image=600"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=700"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=800"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=900"
}
]
}
]
}
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Here are some cool photos",
"size": "large"
},
{
"type": "TextBlock",
"text": "Sorry some of them are repeats",
"size": "medium",
"weight": "lighter"
},
{
"type": "ImageSet",
"imageSize": "medium",
"images": [
{
"type": "Image",
"url": "https://picsum.photos/200/200?image=100"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=200"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=301"
},
{
"type": "Image",
"url": "https://picsum.photos/200/200?image=400"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=500"
},
{
"type": "Image",
"url": "https://picsum.photos/200/200?image=600"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=700"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=800"
},
{
"type": "Image",
"url": "https://picsum.photos/300/200?image=900"
}
]
}
]
}
Try it Yourself »