SOLVED

Adaptive Cards not showing up in teams, but shows up in Actionable Message Designer

Copper Contributor

Hi, I recently designed an Adaptive Card in the Actionable Message designer (https://amdesigner.azurewebsites.net/), and it shows up correctly in the "Preview" section of Actionable Message Designer. However, when I send it to the Teams WebHook, the message is empty.

 

How it looks in the Online Actionable Message Designer:

Screenshot 2022-06-29 at 12.56.30.png

 

And how it looks when sent in Microsoft Teams:

Screenshot 2022-06-29 at 12.57.54.png

 

The JSON Payload is:

 

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.0",
    "padding": "None",
    "type": "AdaptiveCard",
    "summary": "Test Notification",
    "body":
    [
        {
            "type": "ColumnSet",
            "style": "emphasis",
            "columns":
            [
                {
                    "type": "Column",
                    "items":
                    [
                        {
                            "type": "TextBlock",
                            "text": "Event Framework",
                            "wrap": true
                        }
                    ],
                    "width": "stretch",
                    "padding": "None"
                }
            ],
            "padding": "Default",
            "spacing": "None"
        },
        {
            "type": "Container",
            "items":
            [
                {
                    "type": "ColumnSet",
                    "columns":
                    [
                        {
                            "type": "Column",
                            "items":
                            [
                                {
                                    "type": "Image",
                                    "style": "Person",
                                    "url": "https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Stop_hand_icon.svg/1200px-Stop_hand_icon.svg.png",
                                    "size": "Small",
                                    "altText": "Stop Icon"
                                }
                            ],
                            "width": "auto",
                            "padding": "None"
                        },
                        {
                            "type": "Column",
                            "padding": "None",
                            "width": "stretch",
                            "items":
                            [
                                {
                                    "type": "TextBlock",
                                    "size": "Large",
                                    "weight": "Bolder",
                                    "text": "Queue Stop Notification",
                                    "wrap": true
                                }
                            ],
                            "verticalContentAlignment": "Center"
                        }
                    ],
                    "padding": "None"
                }
            ],
            "padding": "Default",
            "spacing": "None",
            "separator": true
        },
        {
            "type": "Container",
            "items":
            [
                {
                    "type": "TextBlock",
                    "text": "*Total hits within the last hour: 999*",
                    "wrap": true
                },
                {
                    "type": "FactSet",
                    "id": "a46a50e6-11c3-27bb-349f-b40d820a7b83",
                    "facts":
                    [
                        {
                            "title": "Environment",
                            "value": "someText"
                        },
                        {
                            "title": "Timestamp",
                            "value": "12-12-2022"
                        },
                        {
                            "title": "Connected Queues",
                            "value": "30"
                        },
                        {
                            "title": "Expected Queues",
                            "value": "31"
                        },
                        {
                            "title": "Customer-ID",
                            "value": "xx123"
                        }
                    ]
                }
            ],
            "padding":
            {
                "top": "None",
                "bottom": "Default",
                "left": "Default",
                "right": "Default"
            },
            "spacing": "None"
        },
        {
            "type": "Container",
            "spacing": "None",
            "items":
            [
                {
                    "type": "Container",
                    "id": "b149e1cc-0414-662b-6435-ad68d851bf67",
                    "padding": "Default",
                    "items":
                    [
                        {
                            "type": "ColumnSet",
                            "spacing": "None",
                            "style": "emphasis",
                            "columns":
                            [
                                {
                                    "type": "Column",
                                    "items":
                                    [
                                        {
                                            "type": "TextBlock",
                                            "weight": "Bolder",
                                            "text": "Kibana Log for First Hit",
                                            "wrap": true,
                                            "spacing": "None"
                                        }
                                    ],
                                    "width": "stretch",
                                    "spacing": "None",
                                    "padding": "None"
                                },
                                {
                                    "type": "Column",
                                    "id": "ActivityHistoryChevronDown",
                                    "items":
                                    [
                                        {
                                            "type": "Image",
                                            "selectAction":
                                            {
                                                "type": "Action.ToggleVisibility",
                                                "id": "ExpandActivityHistory",
                                                "title": "Expand Activity History",
                                                "targetElements":
                                                [
                                                    "ActivityHistoryWrapper",
                                                    "ActivityHistoryChevronUp",
                                                    "ActivityHistoryChevronDown"
                                                ]
                                            },
                                            "url": "https://amdesigner.azurewebsites.net/samples/assets/Down.png",
                                            "width": "20px",
                                            "altText": "Expand",
                                            "height": "20px"
                                        }
                                    ],
                                    "width": "auto",
                                    "spacing": "None",
                                    "padding": "None"
                                },
                                {
                                    "type": "Column",
                                    "id": "ActivityHistoryChevronUp",
                                    "isVisible": false,
                                    "items":
                                    [
                                        {
                                            "type": "Image",
                                            "selectAction":
                                            {
                                                "type": "Action.ToggleVisibility",
                                                "id": "CollapseActivityHistory",
                                                "title": "Collapse Activity History",
                                                "targetElements":
                                                [
                                                    "ActivityHistoryWrapper",
                                                    "ActivityHistoryChevronUp",
                                                    "ActivityHistoryChevronDown"
                                                ]
                                            },
                                            "url": "https://amdesigner.azurewebsites.net/samples/assets/Up.png",
                                            "width": "20px",
                                            "altText": "Collapse",
                                            "height": "20px"
                                        }
                                    ],
                                    "width": "auto",
                                    "padding": "None"
                                }
                            ],
                            "padding": "None"
                        }
                    ],
                    "spacing": "None",
                    "style": "emphasis",
                    "separator": true,
                    "selectAction":
                    {
                        "type": "Action.ToggleVisibility",
                        "targetElements":
                        [
                            "ActivityHistoryWrapper",
                            "ActivityHistoryChevronUp",
                            "ActivityHistoryChevronDown"
                        ],
                        "id": "ExpandActivityHistory",
                        "title": "Expand Activity History"
                    }
                },
                {
                    "type": "Container",
                    "id": "ActivityHistoryWrapper",
                    "isVisible": false,
                    "items":
                    [
                        {
                            "type": "TextBlock",
                            "text": "Large Text Block",
                            "wrap": true
                        }
                    ],
                    "padding":
                    {
                        "top": "Default",
                        "bottom": "Large",
                        "left": "Default",
                        "right": "Default"
                    },
                    "spacing": "None",
                    "separator": true
                }
            ],
            "padding": "None",
            "separator": true
        },
        {
            "type": "Container",
            "id": "353b659f-b668-fac0-5b7f-5d2f1bdb46ac",
            "padding": "Default",
            "items":
            [
                {
                    "type": "ActionSet",
                    "actions":
                    [
                        {
                            "type": "Action.OpenUrl",
                            "id": "6240dc02-7a0b-21f7-220a-dc02ebf88e24",
                            "title": "Open URL",
                            "url": "https://amdesigner.azurewebsites.net",
                            "style": "positive",
                            "isPrimary": true
                        }
                    ],
                    "spacing": "None"
                }
            ],
            "spacing": "None",
            "separator": true
        }
    ],
    "@type": "AdaptiveCard",
    "@context": "http://schema.org/extensions"
}

 

 

Any help would be great, thank you :)

7 Replies
@prasannjeetist - We are looking into this I will get back to you soon.
best response confirmed by prasannjeetist (Copper Contributor)
Solution

@prasannjeetist - Office connectors and Microsoft Teams connectors do not currently support the Adaptive Card format. 
Ref Doc-Design actionable message cards using Adaptive Card format - Outlook Developer | Microsoft Docs

Thanks, 

Sayali

------------------------------------------------------------------------------

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link.

@Sayali-MSFT thank you for the information. Will the Adaptive Cards be supported in Microsoft Teams in the future?
@prasannjeetist- Currently we don’t have ETA or Update on this.
Is there an equivalent solution to handle the Legacy Message cards? I can get those to work with Teams, but I do not want to develop a solution on legacy tech

@emcrow- Are you looking for same-https://learn.microsoft.com/en-us/outlook/actionable-messages/message-card-reference
OR
Could you please elaborate more on your requirements?

@Sayali-MSFT 

Sorry for the delay, looks like the update was "quarantined".

So what I am trying to accomplish is to send an individual a card with clickable buttons, and a dropdown selection. For one of the buttons to make an HTTP request with the selection in the payload. I can get this to work if I send it to a Teams Channel, but not to an individual. 

I have been using the Lagacy link you sent, and was hoping if there is a method to get this to work in a teams one on one conversation.

Thanks

 

1 best response

Accepted Solutions
best response confirmed by prasannjeetist (Copper Contributor)
Solution

@prasannjeetist - Office connectors and Microsoft Teams connectors do not currently support the Adaptive Card format. 
Ref Doc-Design actionable message cards using Adaptive Card format - Outlook Developer | Microsoft Docs

Thanks, 

Sayali

------------------------------------------------------------------------------

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link.

View solution in original post