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 ยป