Forum Discussion
nagajeyanthi
Aug 17, 2023Copper Contributor
Adaptive Cards are not showing up in Mobile Teams
Hi, We have designed the adaptive card, it works in Desktop without any issues but with Mobile teams we are getting blank, and also sometimes the buttons are displayed as tiny and hard to click ...
Prasad_Das-MSFT
Microsoft
Aug 17, 2023nagajeyanthi - Could you please provide the Card JSON which you are using?
- nagajeyanthiAug 17, 2023Copper Contributor
As per the request, here is the Card JSON and let me know if anything is required furthermore.
{ "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "Here's your most recent requests", "wrap": true, "weight": "Bolder", "horizontalAlignment": "Center", "size": "Large", "color": "Default" }, { "type": "Image", "url": "https://www.colorhexa.com/f9a31c.png", "width": "1000px", "height": "10px", "horizontalAlignment": "Right" }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "auto", "items": [ { "type": "Container", "items": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "Container", "items": [ { "type": "TextBlock", "text": "${title}", "weight": "Bolder", "color": "Dark", "horizontalAlignment": "Center" } ], "selectAction": { "type": "Action.Submit", "data": { "action": "ticket", "id": "${value}" } }, "minHeight": "50px", "verticalContentAlignment": "Center", "style": "accent" } ] } ] } ], "$data": "${getTicketsList}" } ], "id": "firstOne", "verticalContentAlignment": "Bottom" } ] }, { "type": "Container", "items": [ { "type": "TextBlock", "text": "Main Menu", "wrap": true, "weight": "Bolder", "color": "Default", "horizontalAlignment": "Center" } ], "selectAction": { "type": "Action.Submit", "data": { "action": "mainmenu" } }, "spacing": "default", "style": "warning" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.4" }- Prasad_Das-MSFTAug 17, 2023
Microsoft
nagajeyanthi - Using the card json provided we observed that it is behaving differently in Teams Desktop/Web client and Mobile devices.
Teams Desktop/Web:Mobile:
Could you please confirm if this is the same behaviour you are encountering?- nagajeyanthiAug 17, 2023Copper Contributor
Yes, you are right, we are encountering the same issue. In Desktop, the behavior of the adaptive card is correct, but in mobile version the same behavior need to be encountered, but it doesn't.