Custom adaptive card doesn't accept actions

[Igor-Teresco-NB]

I'm building a simple flow based on new item in a given Sharepoint list. If In "Post card" step I use payload from "Create approval" step everything is working fine.

But if I try to customize the payload to get own look and design, but maintaining all Item and Approval links, I get desired adaptive card shown in Teams but all actions are getting infamous "Unable to reach app. Please try again."

What am I doing wrong, please?

[annajhaveri]

@Igor-Teresco-NB  how are you customizing the payload to get your own look and design, are you using markdown in approval action or using your own adaptive card?

[Igor-Teresco-NB]

I'm changing the card design from this

to this

keeping all links and actions as they are. No markdown is used.

[Igor-Teresco-NB]

Which part of card is that sensitive that can lead to "Unable to reach app"? Item link, ID or Approval link?

May be that format of customized card it not fully accepted?

I've tried to compare payloads from default card and customized one, major diff is the way CreationTime field is set (default is to the left) :

"title": "Date Created",
"value": "{{DATE(2022-08-25T08:48:08Z, LONG)}} {{TIME(2022-08-25T08:48:08Z)}}" --- "value": "2022-08-25T08:55:31Z"

"CreationTime": "\"Thursday, 25 August 2022 08:48 GMT\"" --- "CreationTime": "2022-08-25T08:55:31Z",

[annajhaveri]

@Igor-Teresco-NB  are you using your adaptive card json, if yes can you please share the json?

[Igor-Teresco-NB]

{"type":"AdaptiveCard","version":"1.0","body":[{"type":"ColumnSet","columns":[{"type":"Column","width":"auto","items":[{"type":"Image","size":"small","url":"https://aka.ms/approvals-logo-notext2","altText":"Power Automate approvals logo"}]},{"type":"Column","width":"stretch","items":[{"type":"TextBlock","size":"large","weight":"bolder","color":"accent","text":"Approvals | Power Automate","wrap":true}]}]},{"type":"TextBlock","size":"large","weight":"bolder","text":"New test series - 01 - "},{"type":"TextBlock","text":"Requested by Igor Teresco <Igor.Teresco@newbridges.onmicrosoft.com>","wrap":true},{"type":"FactSet","facts":[{"title":"Date Created","value":"@{outputs('Create_an_approval')?['body/requestDate']}"},{"title":"Link","value":"@{outputs('Create_an_approval')?['body/itemLink']}"}]},{"type":"TextBlock","id":"ApprovalDetailsSection","text":"New test series - 01","wrap":true},{"type":"ActionSet","actions":[{"type":"Action.ShowCard","card":{"type":"AdaptiveCard","version":"1.0","body":[{"type":"TextBlock","text":"Comments","wrap":true},{"type":"Input.Text","id":"comments1","placeholder":"Enter comments","isMultiline":true,"maxLength":2048}],"actions":[{"type":"Action.Submit","data":{"Environment":"f0b29fc5-211a-4514-b358-ec80090aa164","ApprovalTitle":"New test series - 01 - ","ApprovalLink":"@{outputs('Create_an_approval')?['body/respondLink']}","ApprovalName":"@{outputs('Create_an_approval')?['body/name']}","ItemLink":"@{outputs('Create_an_approval')?['body/itemLink']}","OnBehalfOfNotice":"Requested by Igor Teresco <Igor.Teresco@newbridges.onmicrosoft.com>","CreatorName":"Igor Teresco","CreatorEmail":"Igor.Teresco@newbridges.onmicrosoft.com","CreationTime":"@{outputs('Create_an_approval')?['body/requestDate']}","MessageTitle":"New test series - 01 - ","Details":"New test series - 01","Options":["Ignore","Fix"],"SelectedOption":"Ignore","ActionType":1},"title":"Submit"}]},"title":"Ignore"},{"type":"Action.ShowCard","card":{"type":"AdaptiveCard","version":"1.0","body":[{"type":"TextBlock","text":"Comments","wrap":true},{"type":"Input.Text","id":"comments2","placeholder":"Enter comments","isMultiline":true,"maxLength":2048}],"actions":[{"type":"Action.Submit","data":{"Environment":"f0b29fc5-211a-4514-b358-ec80090aa164","ApprovalTitle":"New test series - 01 - ","ApprovalLink":"@{outputs('Create_an_approval')?['body/respondLink']}","ApprovalName":"@{outputs('Create_an_approval')?['body/name']}","ItemLink":"@{outputs('Create_an_approval')?['body/itemLink']}","OnBehalfOfNotice":"Requested by Igor Teresco <Igor.Teresco@newbridges.onmicrosoft.com>","CreatorName":"Igor Teresco","CreatorEmail":"Igor.Teresco@newbridges.onmicrosoft.com","CreationTime":"@{outputs('Create_an_approval')?['body/requestDate']}","MessageTitle":"New test series - 01 - ","Details":"New test series - 01","Options":["Ignore","Fix"],"SelectedOption":"Fix","ActionType":1},"title":"Submit"}]},"title":"Fix"}]}]}

[Igor-Teresco-NB]

Have some progress in my pursuit!

In my flow I'm parsing original card json, coming from "Create approval step", and save ActionSet part.

Then construct my own adaptive card with that ActionSet part.

It is displayed with the desired design in Teams channel, but only until I pick one of the actions....

Right after submitting the reply message is changing it's look to original approval...

How that is possible and what can lead to this, please?

[Igor-Teresco-NB]

It looks like this, message comes in Teams in desired design:

Then I click on any action button:

And message gets updated :

[Igor-Teresco-NB]

In flow I'm saving Message ID of Teams message into a variable and later in flow do an update of that message by that id:

May be something wrong happens here?