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

Notifications

Announcements

Welcome to the Power Platform Communities
Season of Giving Solutions is Here!
Explore Copilot Studio Forums, Blogs & Galleries!
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / How to send adaptive c...
Power Automate
Unanswered

How to send adaptive card in Outlook email

(0) ShareShare
ReportReport
Posted on by Tapesh 825

Hi All

 

I'm trying to create a flow and send an email to outlook with some values, but the result i see is no preview in my email.. its just the blank email. 

Tapesh_0-1601467105375.png

 

 

and here the preview of the flow after a successful run 

 

Tapesh_1-1601467209721.png

 

 

Can anyone please let me know what is the missing part? 

 

Please see that I have referred to this blog post: https://www.bythedevs.com/post/multi-line-approvals-with-adaptive-cards-outlook-and-power-automate 

 

Thanks in advance experts. 

 

Categories:
General topics
I have the same question (0)
  • CFernandes Profile Picture
    CFernandes 8,402 Most Valuable Professional on at

    @Tapesh 

     

    Hey Mate,

     

    The adaptive card should wrap by <script> tag, and it should be input in the HTML format, for example, see screenshot below:

     

    Untitled.png

     

     

    If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!

     

     

     

  • Tapesh Profile Picture
    Tapesh 825 on at

    Hi @CFernandes 

     

    Please that i already have the created the HTML formate with script tag 

     

     

    Please let me know if you can help me out. The below code is given as INPUT in compose action. and then the out put is just added as dynamic content in the email body. 

    Thanks 

     

    <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",
 "speak": "<s>Flight KL0605 to San Fransisco has been delayed.</s><s>It will not leave until 10:10 AM.</s>",
"hideOriginalBody": true,
 "originator": "8202aab9-78554-aa5892a-7852",
 "body": [
 {
 "type": "ColumnSet",
 "columns": [
 {
 "type": "Column",
 "width": "auto",
 "items": [
 {
 "type": "Image",
 "size": "Small",
 "url": "add user image here ",
 "id": "userImage_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Petty Cash Application Status",
 "horizontalAlignment": "Right",
 "isSubtle": true,
 "id": "titlestatus_id"
 },
 {
 "type": "TextBlock",
 "text": "Approved",
 "horizontalAlignment": "Right",
 "spacing": "None",
 "size": "Large",
 "color": "Good",
 "id": "status_id"
 },
 {
 "type": "ColumnSet",
 "columns": [
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Employee Name ",
 "id": "empname_id",
 "color": "Dark",
 "weight": "Bolder"
 },
 {
 "type": "TextBlock",
 "text": "Tapesh patel",
 "id": "empvalue_id",
 "color": "Dark"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Application ID ",
 "id": "Application_id",
 "color": "Dark",
 "weight": "Bolder"
 },
 {
 "type": "TextBlock",
 "text": "1",
 "id": "appvlaue_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Unit Name",
 "color": "Dark",
 "weight": "Bolder",
 "id": "Unitname_id"
 },
 {
 "type": "TextBlock",
 "text": "Kare",
 "id": "unitvalue_id"
 }
 ]
 }
 ]
 }
 ]
 }
 ]
 },
 {
 "type": "ColumnSet",
 "separator": true,
 "spacing": "Medium",
 "columns": [
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Description",
 "isSubtle": true,
 "weight": "Bolder",
 "id": "Descdetails_id"
 },
 {
 "type": "TextBlock",
 "text": "Description 1",
 "spacing": "Small",
 "id": "description1_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": "auto",
 "items": [
 {
 "type": "TextBlock",
 "text": "Amount",
 "horizontalAlignment": "Right",
 "isSubtle": true,
 "weight": "Bolder",
 "id": "amount_id"
 },
 {
 "type": "TextBlock",
 "text": "Aamount 1",
 "horizontalAlignment": "Right",
 "spacing": "Small",
 "id": "amount1_id"
 }
 ]
 }
 ]
 },
 {
 "type": "ColumnSet",
 "spacing": "Medium",
 "separator": true,
 "columns": [
 {
 "type": "Column",
 "width": 1,
 "items": [
 {
 "type": "TextBlock",
 "text": "Approved By ",
 "isSubtle": true,
 "weight": "Bolder",
 "id": "approver_id"
 },
 {
 "type": "TextBlock",
 "text": "approver name ",
 "spacing": "Small",
 "id": "approvername_id",
 "color": "Warning"
 }
 ]
 },
 {
 "type": "Column",
 "width": 1,
 "items": [
 {
 "type": "TextBlock",
 "text": "Approved on",
 "isSubtle": true,
 "horizontalAlignment": "Center",
 "weight": "Bolder",
 "id": "approvedon_id"
 },
 {
 "type": "TextBlock",
 "text": "approved time",
 "color": "Warning",
 "weight": "Bolder",
 "horizontalAlignment": "Center",
 "spacing": "Small",
 "id": "approvedtime_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": 1,
 "items": [
 {
 "type": "TextBlock",
 "text": "Submitted On ",
 "isSubtle": true,
 "horizontalAlignment": "Right",
 "weight": "Bolder",
 "id": "Submittedon_id"
 },
 {
 "type": "TextBlock",
 "text": "Submit Time",
 "color": "Warning",
 "horizontalAlignment": "Right",
 "weight": "Bolder",
 "spacing": "Small",
 "id": "submittime_id"
 }
 ]
 }
 ]
 },
 {
 "type": "ColumnSet",
 "spacing": "Medium",
 "separator": true,
 "columns": [
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Send",
 "size": "Medium",
 "weight": "Bolder",
 "color": "Accent"
 },
 {
 "type": "Image",
 "url": "https://img.icons8.com/fluent/2x/send-mass-email.png",
 "size": "Medium"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Verified",
 "size": "Medium",
 "weight": "Bolder",
 "color": "Warning",
 "horizontalAlignment": "Center"
 },
 {
 "type": "Image",
 "size": "Medium",
 "url": "https://img.icons8.com/dusk/2x/unverified-account.png",
 "horizontalAlignment": "Center"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Approved",
 "weight": "Bolder",
 "size": "Medium",
 "color": "Good",
 "horizontalAlignment": "Right"
 },
 {
 "type": "Image",
 "url": "https://img.icons8.com/flat_round/2x/checkmark.png",
 "size": "Medium",
 "horizontalAlignment": "Right"
 }
 ]
 }
 ],
 "horizontalAlignment": "Center",
 "style": "emphasis"
 }
 ]
}

</script>
</head>
<body>
Visit the <a href="https://docs.microsoft.com/outlook/actionable-messages">Outlook Dev Portal</a> to learn more about Actionable Messages.
</body>
</html>

     

  • CFernandes Profile Picture
    CFernandes 8,402 Most Valuable Professional on at

    @Tapesh You are right mate...

     

    I gave it a try and its not working. You might want to check the blog  https://poszytek.eu/en/microsoft-en/office-365-en/powerautomate-en/adaptive-cards-in-outlook-ultimate-guide/  and try the debugging mentioned (I have not tried) or just ask Microsoft support if they have changed anything. 

  • Verified answer
    Tapesh Profile Picture
    Tapesh 825 on at

    hi @CFernandes 

     

    I you need the solution try this one it will  work now as this worked for me. Thanks Please accept and give kudos if you find it useful thanks 

    <script type="application/adaptivecard+json">
{
 "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
 "type": "AdaptiveCard",
 "version": "1.0",
 "speak": "<s>Flight KL0605 to San Fransisco has been delayed.</s><s>It will not leave until 10:10 AM.</s>",
 "body": [
 {
 "type": "ColumnSet",
 "columns": [
 {
 "type": "Column",
 "width": "auto",
 "items": [
 {
 "type": "Image",
 "size": "Small",
 "url": "add user image here ",
 "id": "userImage_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Petty Cash Application Status",
 "horizontalAlignment": "Right",
 "isSubtle": true,
 "id": "titlestatus_id"
 },
 {
 "type": "TextBlock",
 "text": "Approved",
 "horizontalAlignment": "Right",
 "spacing": "None",
 "size": "Large",
 "color": "Good",
 "id": "status_id"
 },
 {
 "type": "ColumnSet",
 "columns": [
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Employee Name ",
 "id": "empname_id",
 "color": "Dark",
 "weight": "Bolder"
 },
 {
 "type": "TextBlock",
 "text": "Tapesh patel",
 "id": "empvalue_id",
 "color": "Dark"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Application ID ",
 "id": "Application_id",
 "color": "Dark",
 "weight": "Bolder"
 },
 {
 "type": "TextBlock",
 "text": "1",
 "id": "appvlaue_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Unit Name",
 "color": "Dark",
 "weight": "Bolder",
 "id": "Unitname_id"
 },
 {
 "type": "TextBlock",
 "text": "Kare",
 "id": "unitvalue_id"
 }
 ]
 }
 ]
 }
 ]
 }
 ]
 },
 {
 "type": "ColumnSet",
 "separator": true,
 "spacing": "Medium",
 "columns": [
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Description",
 "isSubtle": true,
 "weight": "Bolder",
 "id": "Descdetails_id"
 },
 {
 "type": "TextBlock",
 "text": "Description 1",
 "spacing": "Small",
 "id": "description1_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": "auto",
 "items": [
 {
 "type": "TextBlock",
 "text": "Amount",
 "horizontalAlignment": "Right",
 "isSubtle": true,
 "weight": "Bolder",
 "id": "amount_id"
 },
 {
 "type": "TextBlock",
 "text": "Aamount 1",
 "horizontalAlignment": "Right",
 "spacing": "Small",
 "id": "amount1_id"
 }
 ]
 }
 ]
 },
 {
 "type": "ColumnSet",
 "spacing": "Medium",
 "separator": true,
 "columns": [
 {
 "type": "Column",
 "width": 1,
 "items": [
 {
 "type": "TextBlock",
 "text": "Approved By ",
 "isSubtle": true,
 "weight": "Bolder",
 "id": "approver_id"
 },
 {
 "type": "TextBlock",
 "text": "approver name ",
 "spacing": "Small",
 "id": "approvername_id",
 "color": "Warning"
 }
 ]
 },
 {
 "type": "Column",
 "width": 1,
 "items": [
 {
 "type": "TextBlock",
 "text": "Approved on",
 "isSubtle": true,
 "horizontalAlignment": "Center",
 "weight": "Bolder",
 "id": "approvedon_id"
 },
 {
 "type": "TextBlock",
 "text": "approved time",
 "color": "Warning",
 "weight": "Bolder",
 "horizontalAlignment": "Center",
 "spacing": "Small",
 "id": "approvedtime_id"
 }
 ]
 },
 {
 "type": "Column",
 "width": 1,
 "items": [
 {
 "type": "TextBlock",
 "text": "Submitted On ",
 "isSubtle": true,
 "horizontalAlignment": "Right",
 "weight": "Bolder",
 "id": "Submittedon_id"
 },
 {
 "type": "TextBlock",
 "text": "Submit Time",
 "color": "Warning",
 "horizontalAlignment": "Right",
 "weight": "Bolder",
 "spacing": "Small",
 "id": "submittime_id"
 }
 ]
 }
 ]
 },
 {
 "type": "ColumnSet",
 "spacing": "Medium",
 "separator": true,
 "columns": [
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Send",
 "size": "Medium",
 "weight": "Bolder",
 "color": "Accent"
 },
 {
 "type": "Image",
 "url": "https://img.icons8.com/fluent/2x/send-mass-email.png",
 "size": "Medium"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Verified",
 "size": "Medium",
 "weight": "Bolder",
 "color": "Warning",
 "horizontalAlignment": "Center"
 },
 {
 "type": "Image",
 "size": "Medium",
 "url": "https://img.icons8.com/dusk/2x/unverified-account.png",
 "horizontalAlignment": "Center"
 }
 ]
 },
 {
 "type": "Column",
 "width": "stretch",
 "items": [
 {
 "type": "TextBlock",
 "text": "Approved",
 "weight": "Bolder",
 "size": "Medium",
 "color": "Good",
 "horizontalAlignment": "Right"
 },
 {
 "type": "Image",
 "url": "https://img.icons8.com/flat_round/2x/checkmark.png",
 "size": "Medium",
 "horizontalAlignment": "Right"
 }
 ]
 }
 ],
 "horizontalAlignment": "Center",
 "style": "emphasis"
 }
 ]
}

</script>
  • josjohns Profile Picture
    josjohns Microsoft Employee on at

    I have also attempted this action. Using the solution provided I can get the adaptive card to render in an email sent to myself. However, when sending to others the email arrives but the body is left blank. Any thoughts as to why this would be happening? 

  • varmanleeq Profile Picture
    varmanleeq 12 on at

    Excuse me, how did you solve it later? I also encountered the same problem.

  • SnowFlake Profile Picture
    SnowFlake 88 on at

    also only works when I send to myself, sending internally or externally to somebody else it does not work. 

  • Resolution435 Profile Picture
    Resolution435 9 on at

    You need to register your automation at this site: https://outlook.office.com/connectors/oam/publish 

     

    page 1page 1page 2page 2

     

    GO TO THIS

    How to use Actionable Messages in Outlook with Power Automate

  • Resolution435 Profile Picture
    Resolution435 9 on at

    https://powerusers.microsoft.com/t5/General-Power-Automate/How-to-send-adaptive-card-in-Outlook-email/m-p/2251413/highlight/true#M132737 

  • Resolution435 Profile Picture
    Resolution435 9 on at

    Solved: Re: How to send adaptive card in Outlook email - Power Platform Community (microsoft.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

News and Announcements

Welcome to the Power Platform Communities
Season of Giving Solutions is Here!
Explore Copilot Studio Forums, Blogs & Galleries!

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…

Congratulations to the November Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 538 Super User 2025 Season 2

#2
Tomac Profile Picture

Tomac 405 Moderator

#3
abm abm Profile Picture

abm abm 252 Most Valuable Professional

Last 30 days Overall leaderboard

Featured topics

Share your ideas and struggles with building Power Automate flows!
Survey: Power Automate mobile app
How to Ask for Help with Your Power Automate Workflow
Flows are not visible for users who sign in with their personal accounts
Start and wait for an approval action
Restore a deleted flow
List of actions cheat sheet for Power Automate Desktop
Question for everyone : How are you using Create Text GPT in AI Builder?
Welcome to the Power Automate forum!

Product updates

Microsoft Power Platform Community release plans