Forward Adaptive Card

Question

How can we forward adaptive cards in teams. Is there any easy way out?
One method which I found was using Graph API. Following the below link with Example 3 : Send a message containing cards :-
https://learn.microsoft.com/en-us/graph/api/chatmessage-post?view=graph-rest-1.0&tabs=javascript#examples
But it has html content, how to add json content to it. Please can anyone help with this?

prasad_das-msft · Answer

ray2408&nbsp;- There is no tool available for this type of conversion. We have to manually do that.For example, if this is your adaptive card JSON:
{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.2",
    "speak": "Welcome to Adaptive Cards! Click the button below for more information.",
    "body": [
        {
            "type": "Container",
            "items": [
                {
                    "type": "TextBlock",
                    "text": "Welcome to Adaptive Cards!",
                    "size": "large",
                    "weight": "bolder"
                },
                {
                    "type": "TextBlock",
                    "text": "Click the button below for more information.",
                    "wrap": true
                }
            ]
        },
        {
            "type": "ActionSet",
            "actions": [
                {
                    "type": "Action.OpenUrl",
                    "title": "Learn More",
                    "url": "https://adaptivecards.io"
                }
            ]
        }
    ]
}

the converted format would be as below:
{\"type\": \"AdaptiveCard\", \"body\": [ { \"type\": \"Container\", \"items\": [ { \"type\": \"TextBlock\", \"text\": \"Welcome to Adaptive Cards!\", \"size\": \"large\", \"weight\": \"bolder\" }, { \"type\": \"TextBlock\", \"text\": \"Click the button below for more information.\", \"wrap\": true } ] }, { \"type\": \"ActionSet\", \"actions\": [ { \"type\": \"Action.OpenUrl\", \"title\": \"Learn More\", \"url\": \"
https://adaptivecards.io\"
} ] } ], \"speak\": \"Welcome to Adaptive Cards! Click the button below for more information.\", \"$schema\": \"
http://adaptivecards.io/schemas/adaptive-card.json\"
, \"version\": \"1.2\"}
&nbsp;

chetansharma-msft · Answer

Hello Janhvi - Thanks for raising your query.
If you are trying to send the message only in Teams channel, you can also use Incoming webhook via which you can directly send the Adaptive Card as Json:
Reference doc link: https://learn.microsoft.com/en-us/microsoftteams/platform/webhooks-and-connectors/how-to/add-incoming-webhook?tabs=dotnet

Please let us know if you need any further help here.

prasad_das-msft · Answer

Hi&nbsp;Janhvi&nbsp;- Could you please let us know if you have any further queries?

janhvi · Answer

Prasad_Das-MSFT&nbsp;This webhook seems to be compatible only with channels. But our requirement is to forward adaptive card in a personal chat.

prasad_das-msft · Answer

Janhvi&nbsp;- As you have already mentioned using this API we can send adaptive card to personal chat/group chat or channel.
POST https://graph.microsoft.com/v1.0/chats/{chat-id}/messages

{
    "subject": null,
    "body": {
        "contentType": "html",
        "content": "&lt;attachment id=\"74d20c7f34aa4a7fb74e2b30004247c5\"&gt;&lt;/attachment&gt;"
    },
    "attachments": [
        {
            "id": "74d20c7f34aa4a7fb74e2b30004247c5",
            "contentType": "application/vnd.microsoft.card.thumbnail",
            "contentUrl": null,
            "content": "{
  \"title\": \"This is an example of posting a card\",
  \"subtitle\": \"&lt;h3&gt;This is the subtitle&lt;/h3&gt;\",
  \"text\": \"Here is some body text. &lt;br&gt;\r\nAnd a &lt;a href=\\"http://microsoft.com/\\"&gt;hyperlink&lt;/a&gt;. &lt;br&gt;\r\nAnd below that is some buttons:\",
  \"buttons\": [
    {
      \"type\": \"messageBack\",
      \"title\": \"Login to FakeBot\",
      \"text\": \"login\",
      \"displayText\": \"login\",
      \"value\": \"login\"
    }
  ]
}",
            "name": null,
            "thumbnailUrl": null
        }
    ]
}

In the above example&nbsp;the request body is already in JSON format. However, it seems like the "content" field in the "attachments" array is a stringified JSON.As it has html content, you are interested in something easier. So, you can use Power Automate/Flow to send adaptive card in personal chat or channel following below document.
Create flows that post adaptive cards to Microsoft Teams - Power Automate | Microsoft Learn
&nbsp;
&nbsp;
&nbsp;
Thanks,&nbsp;
Prasad Das
------------------------------------------------------------------------------------------&nbsp;
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via&nbsp;Microsoft Teams Developer Feedback&nbsp;link.&nbsp;Click&nbsp;here&nbsp;to escalate.
&nbsp;

Forum Discussion

Forward Adaptive Card

Share

Resources