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!

Input form

{
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.0",
	"body": [
		{
			"type": "ColumnSet",
			"columns": [
				{
					"type": "Column",
					"width": 2,
					"items": [
						{
							"type": "TextBlock",
							"text": "Tell us about yourself",
							"weight": "bolder",
							"size": "medium"
						},
						{
							"type": "TextBlock",
							"text": "We just need a few more details to get you booked for the trip of a lifetime!",
							"isSubtle": true,
							"wrap": true
						},
						{
							"type": "TextBlock",
							"text": "Don't worry, we'll never share or sell your information.",
							"isSubtle": true,
							"wrap": true,
							"size": "small"
						},
						{
							"type": "TextBlock",
							"text": "Your name",
							"wrap": true
						},
						{
							"type": "Input.Text",
							"id": "myName",
							"placeholder": "Last, First"
						},
						{
							"type": "TextBlock",
							"text": "Your email",
							"wrap": true
						},
						{
							"type": "Input.Text",
							"id": "myEmail",
							"placeholder": "youremail@example.com",
							"style": "email"
						},
						{
							"type": "TextBlock",
							"text": "Phone Number"
						},
						{
							"type": "Input.Text",
							"id": "myTel",
							"placeholder": "xxx.xxx.xxxx",
							"style": "tel"
						}
					]
				},
				{
					"type": "Column",
					"width": 1,
					"items": [
						{
							"type": "Image",
							"url": "https://upload.wikimedia.org/wikipedia/commons/b/b2/Diver_Silhouette%2C_Great_Barrier_Reef.jpg",
							"size": "auto"
						}
					]
				}
			]
		}
	],
	"actions": [
		{
			"type": "Action.Submit",
			"title": "Submit"
		}
	]
}
{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "width": 2, "items": [ { "type": "TextBlock", "text": "Tell us about yourself", "weight": "bolder", "size": "medium" }, { "type": "TextBlock", "text": "We just need a few more details to get you booked for the trip of a lifetime!", "isSubtle": true, "wrap": true }, { "type": "TextBlock", "text": "Don't worry, we'll never share or sell your information.", "isSubtle": true, "wrap": true, "size": "small" }, { "type": "TextBlock", "text": "Your name", "wrap": true }, { "type": "Input.Text", "id": "myName", "placeholder": "Last, First" }, { "type": "TextBlock", "text": "Your email", "wrap": true }, { "type": "Input.Text", "id": "myEmail", "placeholder": "youremail@example.com", "style": "email" }, { "type": "TextBlock", "text": "Phone Number" }, { "type": "Input.Text", "id": "myTel", "placeholder": "xxx.xxx.xxxx", "style": "tel" } ] }, { "type": "Column", "width": 1, "items": [ { "type": "Image", "url": "https://upload.wikimedia.org/wikipedia/commons/b/b2/Diver_Silhouette%2C_Great_Barrier_Reef.jpg", "size": "auto" } ] } ] } ], "actions": [ { "type": "Action.Submit", "title": "Submit" } ] }
Try it Yourself ยป