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

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
v-litu-msft
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
v-litu-msft
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.

@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
Register for a Free Workshop.png

Register for a Free Workshop

Learn to digitize and optimize business processes and connect all your applications to share data in real time.

September Events 2022

Check out all of these events

Attend in person or online, there are incredible conferences and events happening all throughout the month of September.

Users online (5,485)