Adaptive card from composeExtension not display on mobile

Copper Contributor

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%2f...","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?conversationTyp...","title":"Open","type":"Action.OpenUrl"},{"url":"https://signnow.com/dispatch?route=onetimedownload&source=link&document_download_id=e5205191fb2e4ad7...","title":"Download","iconUrl":"https://us-prod.asyncgw.teams.microsoft.com/urlp/v1/url/content?url=https%3a%2f%2fmsteams.signnow-rc...","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%2f..."}]},"contentType":"application/vnd.microsoft.card.thumbnail"}}],"type":"result","attachmentLayout":"list"},"responseType":"composeExtension"}

Render on desktop/web:

Screenshot from 2023-10-20 12-25-27.png


Render on mobile (android, fresh teams app):

 
 

mobile.jpeg

I see several similar issue reports:
https://techcommunity.microsoft.com/t5/teams-developer/adaptive-card-not-displaying-on-teams-mobile/...
https://techcommunity.microsoft.com/t5/teams-developer/adaptive-card-not-displaying-on-teams-mobile/...

4 Replies

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

MeghanaMSFT_0-1698063620925.png

 

Android : 

MeghanaMSFT_1-1698063735811.png

 

 

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

 

MeghanaMSFT_0-1698225411368.png

 

Please add these properties and check.

  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.3",

MeghanaMSFT_1-1698225828598.png

 

It helps, thank you!

@TereschenkoOleksandr - Glad your issue has been resolved. If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link