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

{
    "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"
}
{ "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" }
Try it Yourself »