Solved: Re: Adaptive card looks blank on Outlook

rssilvaba · ‎12-01-2020

Hi All,

I designed an adaptive card, no actions just for having the layout in an email. I am build up the card data in powerapps and sending it using power automate.

The issue is that it all looks blank in the email, what I am missing here?
Is it possible that the functionality is disabled by corporates?
Are there other configuration that I am missing?

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <script type="application/adaptivecard+json">
{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "Container",
            "id": "2486cef9-8978-8476-91fe-932efae61c30",
            "padding": "None",
            "items": [
                {
                    "type": "ColumnSet",
                    "id": "0f21962a-8146-6054-0b73-566b9fddb2d8",
                    "columns": [
                        {
                            "type": "Column",
                            "id": "7bca9d97-5123-ceda-c594-fa32d4acaf91",
                            "padding": "None",
                            "width": "auto",
                            "items": [
                                {
                                    "type": "Image",
                                    "id": "ec0fae4a-d680-602b-5f5a-fd3b6611be6f",
                                    "url": "@{triggerOutputs()?['body/RTempEmailCategory']}",
                                    "altText": "",
                                    "size": "Large",
                                    "width": "250px"
                                }
                            ],
                            "backgroundImage": "@{outputs('Get_Category')?['body/CPicture0']}"
                        },
                        {
                            "type": "Column",
                            "id": "763a9e43-ebbe-d3af-5264-faab7ad73044",
                            "padding": "None",
                            "width": "auto",
                            "items": [
                                {
                                    "type": "Container",
                                    "id": "495e5949-4f17-aa97-2648-78f3364dc5e2",
                                    "padding": "None",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "id": "24bc7c53-1332-a414-0bf3-fd453f988bc2",
                                            "text": "You got a Reward",
                                            "wrap": true,
                                            "size": "Large",
                                            "weight": "Bolder",
                                            "color": "Dark"
                                        },
                                        {
                                            "type": "TextBlock",
                                            "id": "85538bf2-e6d4-2dd0-b80d-571c25e29bcd",
                                            "text": "You’ve received Recognition card via Reward a Star system from @{triggerOutputs()?['body/Author/DisplayName']}",
                                            "wrap": true,
                                            "size": "Large"
                                        }
                                    ]
                                },
                                {
                                    "type": "Container",
                                    "id": "80f7fc9d-7941-464a-0a80-f7d690e87616",
                                    "padding": "None",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "id": "f5efe142-c4d3-c95f-d79e-01954d7cf411",
                                            "text": "What:",
                                            "wrap": true,
                                            "size": "Large",
                                            "weight": "Bolder",
                                            "color": "Dark"
                                        },
                                        {
                                            "type": "TextBlock",
                                            "id": "de57f85f-a5bc-7ed0-b25b-79ac72db78e4",
                                            "text": "@{triggerOutputs()?['body/RBody']}",
                                            "wrap": true
                                        }
                                    ]
                                },
                                {
                                    "type": "Container",
                                    "id": "b7985d25-42f1-7ee8-34e9-10202080a0bc",
                                    "padding": "None",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "id": "890194f9-7beb-03f9-c860-91777e2ca19a",
                                            "text": "Click below to check it out!",
                                            "wrap": true
                                        }
                                    ]
                                },
                                {
                                    "type": "ActionSet",
                                    "id": "adbf7c93-cf96-fb6b-4564-3e110dee3680",
                                    "actions": [
                                        {
                                            "type": "Action.OpenUrl",
                                            "id": "8081f69b-31b9-8db1-7f56-18a026346f50",
                                            "title": "Go to App",
                                            "url": "https://apps.powerapps.com/play/8584062b-2fac-478c-90a8-e7bd3634faad"
                                        }
                                    ]
                                }
                            ]
                        }
                    ],
                    "padding": "None"
                }
            ]
        }
    ],
    "padding": "None"
}
</script>
</head>
<body>
</body>
</html>

v-litu-msft · ‎12-01-2020

Hi @rssilvaba,

The Adaptive card is correct, I tested it on my side and it could display.

Are you check the Email on the desktop or web side?

Actionable messages are available to all customer mailboxes on Exchange Online in Office 365 or Outlook.com with a supported client. The following table lists the availability of actionable messages for current Outlook clients.

What are actionable messages in Office 365? - Outlook Developer | Microsoft Docs

Best Regards,
Community Support Team _ Lin Tu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

v-litu-msft · ‎12-01-2020

Hi @rssilvaba,

The Adaptive card is correct, I tested it on my side and it could display.

Are you check the Email on the desktop or web side?

Actionable messages are available to all customer mailboxes on Exchange Online in Office 365 or Outlook.com with a supported client. The following table lists the availability of actionable messages for current Outlook clients.

What are actionable messages in Office 365? - Outlook Developer | Microsoft Docs

Best Regards,
Community Support Team _ Lin Tu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

rssilvaba · ‎12-02-2020

@v-litu-msft It is probably because we need to request access to send cards. I tried to test and told I don't have access. I am checking within our internal IT.

Adaptive card looks blank on Outlook

Helpful resources

Power Platform Connections Ep 15 | L. Baybutt | Thursday, 1 June 2023

May 2023 Community Newsletter and Upcoming Events

Announcing | Super Users - 2023 Season 1

Check out the new Power Platform Communities Front Door Experience!

Microsoft Power Platform Conference | Registration Open | Oct. 3-5 2023