Forum Discussion
Adaptive card from composeExtension not display on mobile
Hello, we faced an issue in our bot with adaptivecard render:
Json answer to /invoke:
{"composeExtension":{"attachments":[{"content":{"type":"AdaptiveCard","body":[{"items":[{"horizontalAlignment":null,"size":"large","style":null,"url":"https://us-prod.asyncgw.teams.microsoft.com/urlp/v1/url/content?url=https%3a%2f%2fapi.signnow.com%2fdocument%2f86b76a2da46c49069feb240a8711484e4986fa0b%2fthumbnail%3fsize%3dmedium%26access_token%3d5196fd3999aa5f18b50eb26ec6d93435ce971b663a5a20df0ec8d175d2e201e6","width":"100px","height":"auto","spacing":"None","separator":false,"type":"Image"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":"medium","text":"test1.pdf","weight":"bolder","wrap":true,"separator":false,"type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"Type:","weight":"bolder","wrap":true,"separator":false,"height":"stretch","type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"Document","weight":null,"wrap":true,"spacing":"None","separator":false,"type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"Status:","weight":"bolder","wrap":true,"separator":false,"height":"stretch","type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"","weight":null,"wrap":true,"spacing":"None","separator":false,"type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"Owner:","weight":"bolder","wrap":true,"separator":false,"height":"stretch","type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"email address removed for privacy reasons","weight":null,"wrap":true,"spacing":"None","separator":false,"type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"Date modified:","weight":"bolder","wrap":true,"separator":false,"height":"stretch","type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"08/31/2023 10:41:35","weight":null,"wrap":true,"spacing":"None","separator":false,"type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"Signers:","weight":"bolder","wrap":true,"separator":false,"height":"stretch","type":"TextBlock"},{"color":null,"horizontalAlignment":null,"isSubtle":false,"maxLines":0,"size":null,"text":"","weight":null,"wrap":true,"spacing":"None","separator":false,"type":"TextBlock"},{"actions":[{"url":"https://teams.microsoft.com/l/entity/28:26c98ab9-80f6-48bd-8666-56095a24d2f1/signnow?conversationType=chat&context=%7B%22subEntityId%22%3A%7B%22documentId%22%3A%2286b76a2da46c49069feb240a8711484e4986fa0b%22%7D%7D","title":"Open","type":"Action.OpenUrl"},{"url":"https://signnow.com/dispatch?route=onetimedownload&source=link&document_download_id=e5205191fb2e4ad7adc558787843f20aa24f0334","title":"Download","iconUrl":"https://us-prod.asyncgw.teams.microsoft.com/urlp/v1/url/content?url=https%3a%2f%2fmsteams.signnow-rc.xyz%2fimages%2fopen-outside-icon-purple.png","type":"Action.OpenUrl"}],"separator":false,"type":"ActionSet"}],"separator":false,"type":"Container"}]},"contentType":"application/vnd.microsoft.card.adaptive","preview":{"content":{"title":"test1","subtitle":"","text":"Document | Last modified: 2023/08/31 10:41:35","images":[{"alt":"test1.pdf","url":"https://us-prod.asyncgw.teams.microsoft.com/urlp/v1/url/content?url=https%3a%2f%2fapi.signnow.com%2fdocument%2f86b76a2da46c49069feb240a8711484e4986fa0b%2fthumbnail%3fsize%3dmedium%26access_token%3d5196fd3999aa5f18b50eb26ec6d93435ce971b663a5a20df0ec8d175d2e201e6"}]},"contentType":"application/vnd.microsoft.card.thumbnail"}}],"type":"result","attachmentLayout":"list"},"responseType":"composeExtension"}
Render on desktop/web:
Render on mobile (android, fresh teams app):
I see several similar issue reports:
https://techcommunity.microsoft.com/t5/teams-developer/adaptive-card-not-displaying-on-teams-mobile/m-p/3511814?search-action-id=634215337970&search-result-uid=3511814
https://techcommunity.microsoft.com/t5/teams-developer/adaptive-card-not-displaying-on-teams-mobile/m-p/3821238?search-action-id=634215337970&search-result-uid=3821238
- Meghana-MSFTMicrosoft
TereschenkoOleksandr - We checked this at our end by directly sending the card via bot. It is rendering fine in Teams web but does not render in Teams mobile. We will check internally and update you.
Web :
Android :
- Meghana-MSFTMicrosoft
TereschenkoOleksandr - We see that the adaptive card JSON is missing the schema and version properties. We added these to the JSON and the card is rendering fine on Android now. Could you also please add and check once?
Please add these properties and check.
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.3",
- TereschenkoOleksandrCopper ContributorIt helps, thank you!