Hi All,
I have created a flow which sends an adaptive card via email and request the following info. When i open it in Outlook desktop App, The card gets displayed as expected. When i try to open the same email using Ios App i see a blank form when i open the email. Any clue if Adaptive card is not compatible with IOS or Android.
Outlook Desktop App
IOS Phone Browser / Outlook APP
Here is the Code I use in my Compose to create Adaptive Card.
{
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"id": "id1",
"weight": "bolder",
"size": "medium",
"text": " Tell us about the new Employee :@{items('Apply_to_each')?['Employee']} ",
"wrap": true
},
{
"type": "TextBlock",
"id": "id5",
"spacing": "none",
"text": "Assignee Role",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"spacing": "none",
"placeholder": "Select from these choices",
"choices": [
{
"title": "Technical",
"value": "Technical"
},
{
"title": "Functional",
"value": "Functional"
}
],
"id": "myRole"
},
{
"type": "TextBlock",
"id": "id2",
"spacing": "none",
"text": "Assignee Skills",
"wrap": true
},
{
"type": "Input.Text",
"spacing": "none",
"id": "mySkill",
"placeholder": "SAP, Full Stack etc"
},
{
"type": "TextBlock",
"id": "id3",
"spacing": "none",
"text": "Assignee POD",
"wrap": true
},
{
"type": "Input.Text",
"spacing": "none",
"id": "myPod",
"placeholder": "Finance, RTB etc"
},
{
"type": "TextBlock",
"id": "id4",
"spacing": "none",
"text": "Assignee Allocation",
"wrap": true
},
{
"type": "Input.Text",
"spacing": "none",
"id": "myAllocation",
"placeholder": "His Project Info"
}
]
}
]
}
],
"actions": [
{
"type": "Action.Http",
"title": "Submit",
"style": "positive",
"Id": "ac_submit",
"url": "https://prod-127.westeurope.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
"method": "POST",
"body": "{\"ID\":\"@{items('Apply_to_each')?['ID']}\",\"Role\":\"{{myRole.value}}\",\"Skills\":\"{{mySkill.value}}\",\"Allocation\":\"{{myAllocation.value}}\",\"POD\":\"{{myPod.value}}\",\"outcome\":\"submit\"}",
"headers": [
{
"name": "Authorization",
"value": ""
},
{
"name": "Content-type",
"value": "application/json"
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
I also found out a link which states the following, This is around 1.4 years old and i feel there should definatley be a workaround to fix this issue.
https://stackoverflow.com/questions/57806653/how-to-enable-showing-a-custom-adaptive-card-sent-from-microsoft-flow-in-outlook
