cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Resolver I
Resolver I

Adaptive card looks blank on Outlook

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>

 

1 ACCEPTED SOLUTION

Accepted Solutions
Community Support
Community Support

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.

 

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

2 REPLIES 2
Community Support
Community Support

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.

 

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 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.

Helpful resources

Announcements
Microsoft Ignite

Microsoft Ignite

Join digitally, March 2–4, 2021 to explore new tech that's ready to implement. Experience the keynote in mixed reality through AltspaceVR!

New Super Users

Meet the Power Automate Super Users!

Many congratulations to the Season 1 2021 Flownaut Crew!

Microsoft Ignite

Microsoft Power Platform: 2021 Release Wave 1 Plan

Power Platform release plan for the 2021 release wave 1 describes all new features releasing from April through September 2021.

MPA Community Blog

Power Automate Community Blog

Check out the community blog page where you can find valuable learning material from community and product team members!

Users online (63,820)