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!
Agenda sample
JSON
{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/LocationGreen_A.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Redmond**"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "8a - 12:30p"
}
],
"width": "auto"
}
]
}
],
"width": 1
},
{
"type": "Column",
"spacing": "Large",
"separator": true,
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/LocationBlue_B.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Bellevue**"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "12:30p - 3p"
}
],
"width": "auto"
}
]
}
],
"width": 1
},
{
"type": "Column",
"spacing": "Large",
"separator": true,
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/LocationRed_C.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Seattle**"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "8p"
}
],
"width": "auto"
}
]
}
],
"width": 1
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"horizontalAlignment": "Left",
"url": "http://messagecardplayground.azurewebsites.net/assets/Conflict.png"
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "None",
"items": [
{
"type": "TextBlock",
"text": "2:00 PM"
}
],
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"spacing": "None",
"text": "1hr",
"isSubtle": true
}
],
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "http://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "http://messagecardplayground.azurewebsites.net/assets/CircleGreen_coffee.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Contoso Campaign Status Meeting**"
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/location_gray.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Conf Room Bravern-2/9050"
}
],
"width": "stretch"
}
]
},
{
"type": "ImageSet",
"spacing": "Small",
"imageSize": "Small",
"images": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/person_w1.png",
"size": "Small"
},
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/person_m1.png",
"size": "Small"
},
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/person_w2.png",
"size": "Small"
}
]
},
{
"type": "ColumnSet",
"spacing": "Small",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/power_point.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Contoso Brand Guidelines** shared by **Susan Metters**"
}
],
"width": "stretch"
}
]
}
],
"width": 40
}
]
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "http://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "http://messagecardplayground.azurewebsites.net/assets/Gray_Dot.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/car.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "about 45 minutes",
"isSubtle": true
}
],
"width": "stretch"
}
]
}
],
"width": 40
}
]
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"spacing": "None",
"text": "8:00 PM"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "1hr",
"isSubtle": true
}
],
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "http://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "http://messagecardplayground.azurewebsites.net/assets/CircleBlue_flight.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Alaska Airlines AS1021 flight to Chicago**"
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/location_gray.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Seattle Tacoma International Airport (17801 International Blvd, Seattle, WA, United States)",
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/SeaTacMap.png",
"size": "Stretch"
}
],
"width": 40
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}
Adaptive Card
{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/LocationGreen_A.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Redmond**"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "8a - 12:30p"
}
],
"width": "auto"
}
]
}
],
"width": 1
},
{
"type": "Column",
"spacing": "Large",
"separator": true,
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/LocationBlue_B.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Bellevue**"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "12:30p - 3p"
}
],
"width": "auto"
}
]
}
],
"width": 1
},
{
"type": "Column",
"spacing": "Large",
"separator": true,
"items": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/LocationRed_C.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Seattle**"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "8p"
}
],
"width": "auto"
}
]
}
],
"width": 1
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"horizontalAlignment": "Left",
"url": "http://messagecardplayground.azurewebsites.net/assets/Conflict.png"
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "None",
"items": [
{
"type": "TextBlock",
"text": "2:00 PM"
}
],
"width": "stretch"
}
]
},
{
"type": "TextBlock",
"spacing": "None",
"text": "1hr",
"isSubtle": true
}
],
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "http://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "http://messagecardplayground.azurewebsites.net/assets/CircleGreen_coffee.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Contoso Campaign Status Meeting**"
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/location_gray.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Conf Room Bravern-2/9050"
}
],
"width": "stretch"
}
]
},
{
"type": "ImageSet",
"spacing": "Small",
"imageSize": "Small",
"images": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/person_w1.png",
"size": "Small"
},
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/person_m1.png",
"size": "Small"
},
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/person_w2.png",
"size": "Small"
}
]
},
{
"type": "ColumnSet",
"spacing": "Small",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/power_point.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Contoso Brand Guidelines** shared by **Susan Metters**"
}
],
"width": "stretch"
}
]
}
],
"width": 40
}
]
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "http://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "http://messagecardplayground.azurewebsites.net/assets/Gray_Dot.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/car.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "about 45 minutes",
"isSubtle": true
}
],
"width": "stretch"
}
]
}
],
"width": 40
}
]
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"spacing": "None",
"text": "8:00 PM"
},
{
"type": "TextBlock",
"spacing": "None",
"text": "1hr",
"isSubtle": true
}
],
"width": "110px"
},
{
"type": "Column",
"backgroundImage": {
"url": "http://messagecardplayground.azurewebsites.net/assets/SmallVerticalLineGray.png",
"fillMode": "RepeatVertically",
"horizontalAlignment": "Center"
},
"items": [
{
"type": "Image",
"horizontalAlignment": "Center",
"url": "http://messagecardplayground.azurewebsites.net/assets/CircleBlue_flight.png"
}
],
"width": "auto",
"spacing": "None"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "**Alaska Airlines AS1021 flight to Chicago**"
},
{
"type": "ColumnSet",
"spacing": "None",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/location_gray.png"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Seattle Tacoma International Airport (17801 International Blvd, Seattle, WA, United States)",
"wrap": true
}
],
"width": "stretch"
}
]
},
{
"type": "Image",
"url": "http://messagecardplayground.azurewebsites.net/assets/SeaTacMap.png",
"size": "Stretch"
}
],
"width": 40
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}
