Forum Discussion

TereschenkoOleksandr's avatar
TereschenkoOleksandr
Copper Contributor
Oct 20, 2023

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

  • 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-MSFT's avatar
      Meghana-MSFT
      Icon for Microsoft rankMicrosoft

      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",

       

Resources