Forum Discussion
Tran_Tuan_Minh
Jun 22, 2023Copper Contributor
Adaptive Card with Table not rendering on iOS mobile app
I sent message with Adaptive Card via Microsoft Bot Framework and it displayed correctly in MS Teams desktop version. But it couldn't render in iOS mobile version.
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5",
"msteams": {
"width": "full"
},
"body": [
{
"type": "Table",
"columns": [
{
"width": "auto"
},
{
"width": "auto"
},
{
"width": "auto"
},
{
"width": "auto"
}
],
"rows": [
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Name",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Email",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Phone",
"wrap": true
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Minh Tran",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "email address removed for privacy reasons",
"wrap": true
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "",
"wrap": true
}
]
},
{
"type": "TableCell",
"horizontalAlignment": "Center",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Show",
"data": {
"action": "show_customer",
"customer_id": 684
}
}
],
"horizontalAlignment": "Center"
}
]
}
]
}
],
"verticalCellContentAlignment": "Center",
"gridStyle": "default"
}
]
}
- Nivedipa-MSFTMicrosoftTran_Tuan_Minh - Thanks for reporting your issue. We will test this on IOS and update you soon.
- Nivedipa-MSFTMicrosoft
Tran_Tuan_Minh - We have tested this on IOS Teams version 5.11.0 and IOS 16.5
We are able to repro this issue.
On Teams web and deskop client we are getting adaptive card and on IOS we are getting blank adaptive card.Teams web client:
On IOS 16.5
We have raised a bug for the same. We will keep you posted if there are any updates on it.- Tran_Tuan_MinhCopper ContributorThanks for the help.
- jveraCopper ContributorCurrently facing this issue as well. Tables are not rendering in iOS MS Teams app, but do render in Desktop version of MS Teams. We tried using column set instead but due to the nature of the data, and the lack of control over the height of "rows" in the column set this was not an acceptable option
- Nivedipa-MSFTMicrosoftjvera , Tran_Tuan_Minh - The engineering team is working on fixing the bug. We will let you know once we have any updates on it.
- sayginifyCopper Contributor
Hi
I'm facing the same issue, and actually submitting to the marketplace got a "Must-Fix" review on this. Working on desktop, failing on mobile.
is there any progress on that ?