Forum Discussion
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
Let us know what is the issue and when it will be fixed.
11 Replies
- mrPsycox10Copper ContributorHi there, same issue here. Also, Microsoft Teams validation team reject the submission noticing this behaviour. We're blocked. Any update?
- Prasad_Das-MSFT
Microsoft
mrPsycox10 - Apologies. Currently there is no ETA to share. We are following up with engineering team about this issue. We will update this thread once we hear from them. Thanks!
- Prasad_Das-MSFT
Microsoft
nagajeyanthi - Could you please provide the Card JSON which you are using?
- nagajeyanthiCopper 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-MSFT
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?