Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
3,355 questions
Adaptive card that works in Teams bot Desktop is not working in Mobile
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(249.60000000000002, 3%, 34%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ER%3C/text%3E%3C/svg%3E)
RajeshPandian
25
Reputation points
The following adaptive card is displayed perfectly in Teams Desktop App and in browser. But not working in mobile:
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.6",
"msteams": { "width": "full" },
"body": [
{
"type": "TextBlock",
"text": "ADO Task Details",
"weight": "Bolder",
"size": "Medium",
"wrap": true,
"horizontalAlignment": "Center",
},
{
"type": "Table",
"columns": [
{
"width": "0.5"
},
{
"width": "2"
},
{
"width": "2"
},
{
"width": "0.5"
},
{
"width": "2"
}
],
"rows": [
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Key",
"weight": "Bolder",
"wrap": true,
}
]
}
]
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Summary",
"weight": "Bolder",
"wrap": true,
}
]
}
]
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Project",
"weight": "Bolder",
"wrap": true,
}
]
}
]
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Status",
"weight": "Bolder",
"wrap": true,
}
]
}
]
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Comments",
"weight": "Bolder",
"wrap": true,
}
]
}
]
}
]
}]},
...issues.slice(0,20).map(issue => ({
"type": "TableRow",
"cells":
[{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": issue.key,
"wrap": true
}
]
}]}]},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": issue.summary,
"wrap": true
}
]
}]}]},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": issue.project,
"wrap": true
}
]
}]}]},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": issue.status,
"wrap": true
}
]
}]}]},
{
"type": "TableCell",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": issue.comments || "No comments",
"wrap": true
}
]
}]}]}]}))],
"showGridLines": true,
}
]
};
Microsoft Teams Development
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(176, 78%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPM%3C/text%3E%3C/svg%3E)
Prasad-MSFT 6,971 Reputation points Microsoft Vendor2024-07-09T07:29:27.29+00:00 Thanks for raising your issue. We will check this at our end and will update you accordingly.
-
Prasad-MSFT 6,971 Reputation points Microsoft Vendor
2024-07-09T10:16:35.9333333+00:00 We tried with below JSON and observed that the card gets rendered properly in MS Teams desktop/web client, however it does show up as empty card in mobile clients (Android & iOS).
Desktop/Web:
Card JSON:
{ "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" } ] }We have raised a bug for the same. We will inform you once we get any further update from engineering team.
Thanks!
Sign in to comment
Sign in to answer