Power Automate To Collect Responses With Adaptive Cards On Microsoft Teams

Overview

Adaptive cards are platform agnostic snippets of UI authored in JSON format. Adaptive cards can be sent from Power Automate to MS Teams to collect the information and the response can be recorded from the users.

In this article, we will explore how to send Adaptive cards to MS Teams and collect the responses to Microsoft Excel stored in SharePoint or OneDrive.

Send Adaptive Card to MS Teams

To send an Adaptive Card on MS Teams using Power Automate, follow below steps,

Step 1

Open Power Automate.

Step 2

Create a flow based on your trigger preference. To keep it simple, let us create Instant cloud flow.

Step 3

Add an action Post adaptive card and wait for a response.

Step 4

Specify the Post in as Chat with Flow bot and Recipient details to post an adaptive card to. Please note, you can specify a single name or email address. To send the adaptive card to multiple recipients, loop through all recipients.

Step 5

Add below Adaptive card JSON as Message on the above added action.

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [{
        "type": "TextBlock",
        "text": "Poll Request",
        "id": "Title",
        "spacing": "Medium",
        "horizontalAlignment": "Center",
        "size": "ExtraLarge",
        "weight": "Bolder",
        "color": "Accent"
    }, {
        "type": "TextBlock",
        "text": "Power Automate Poll",
        "id": "acHeaderTagLine",
        "separator": true
    }, {
        "type": "TextBlock",
        "text": "Preferred Meal Option",
        "weight": "Bolder",
        "size": "ExtraLarge",
        "spacing": "None",
        "id": "acHeader"
    }, {
        "type": "TextBlock",
        "text": "We are arranging a year end part and polling our employees in order to share their food preference.",
        "id": "acInstructions",
        "wrap": true
    }, {
        "type": "TextBlock",
        "text": "Please vote for your food preference from the choices listed here.",
        "id": "acPollQuestion"
    }, {
        "type": "Input.ChoiceSet",
        "placeholder": "Select from these choices",
        "choices": [{
            "title": "Veg",
            "value": "Veg"
        }, {
            "title": "Vegan",
            "value": "Vegan"
        }, {
            "title": "Non-Veg",
            "value": "Non-Veg"
        }],
        "id": "acPollChoices",
        "style": "expanded"
    }],
    "actions": [{
        "type": "Action.Submit",
        "title": "Submit",
        "id": "btnSubmit"
    }]
}

You can design your Adaptive card with designer. The update message will be shown to the user when they will submit their choice on the adaptive card. This functionality eases the developer's life because now they do not need to send the updated card.