web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / Adaptive card looks bl...
Power Automate
Unanswered

Adaptive card looks blank on Outlook

(0) ShareShare
ReportReport
Posted on by 160

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>

 

Categories:
I have the same question (0)
  • Verified answer
    v-litu-msft Profile Picture
    on at

    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.

  • rssilvaba Profile Picture
    160 on at

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

  • Sakis Profile Picture
    26 on at

    Could you please advise how did you resolve this issue?

     

    Who provided the access and what specific access do you need?

    I noticed that the Adaptive card is not displayed in outlook app but it is getting displayed on the iphone app & outlook.office.com 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 522 Super User 2025 Season 2

#2
Tomac Profile Picture

Tomac 364 Moderator

#3
abm abm Profile Picture

abm abm 243 Most Valuable Professional

Last 30 days Overall leaderboard