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 ...
nagajeyanthi
Oct 04, 2023Copper Contributor
Any update on this?
Prasad_Das-MSFT
Microsoft
Jan 02, 2024nagajeyanthi , mrPsycox10 - We got update from engineering team that nested Column and ColumnSet is the issue. Please try below JSON, it works fine. We have tested it.
{
"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":"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"
}
Thanks,
Prasad Das
------------------------------------------------------------------------------------------
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. Click here to escalate.