Microsoft Teams
A Microsoft customizable chat-based workspace.
10,554 questions
The Adaptive Card displays correctly on the desktop app but appears as a blank space on 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(121.6, 68%, 21%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ELN%3C/text%3E%3C/svg%3E)
Long Nguyen Van
0
Reputation points
My Json, It still displays properly on the desktop app, but it shows as a blank space on mobile :
{
"type": "message",
"timestamp": null,
"from": null,
"recipient": null,
"action": null,
"attachments": [
{
"contentType": "application/vnd.microsoft.card.adaptive",
"content": {
"type": "AdaptiveCard",
"version": "1.5",
"msteams": {
"width": "Full"
},
"body": [
{
"type": "Table",
"columns": [
{
"type": "TableColumn",
"width": "auto"
},
{
"type": "TableColumn",
"width": "auto"
},
{
"type": "TableColumn",
"width": "auto"
},
{
"type": "TableColumn",
"width": "auto"
}
],
"rows": [
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "1. Mô tả yêu cầu báo giá",
"placeholder": "Chọn",
"weight": "Bolder",
"wrap": true,
"isRequired": null,
"errorMessage": null,
"value": "1. Mô tả yêu cầu báo giá",
"id": null,
"style": null,
"choices": null
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Mô tả yêu cầu báo giá *",
"placeholder": "Chọn",
"weight": null,
"wrap": true,
"isRequired": null,
"errorMessage": null,
"value": "Mô tả yêu cầu báo giá *",
"id": null,
"style": null,
"choices": null
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Input.Text",
"text": "",
"placeholder": "Nhập",
"weight": null,
"wrap": true,
"isRequired": true,
"errorMessage": "Field require",
"value": "",
"id": "tabQuotationDes",
"style": null,
"choices": null
},
{
"type": "Input.Text",
"id": "cancelFlag",
"value": "cancel",
"isVisible": false // Trường ẩn để xác định khi hủy
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Nơi nhận hàng",
"placeholder": "Chọn",
"weight": null,
"wrap": true,
"isRequired": null,
"errorMessage": null,
"value": "Nơi nhận hàng",
"id": null,
"style": null,
"choices": null
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Input.Text",
"text": "",
"placeholder": "Nhập",
"weight": null,
"wrap": true,
"isRequired": true,
"errorMessage": "Field require",
"value": "",
"id": "tabAddress",
"style": null,
"choices": null
},
{
"type": "Input.Text",
"id": "cancelFlag",
"value": "cancel",
"isVisible": false // Trường ẩn để xác định khi hủy
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Ngày muốn nhận báo giá",
"placeholder": "Chọn",
"weight": null,
"wrap": true,
"isRequired": null,
"errorMessage": null,
"value": "Ngày muốn nhận báo giá",
"id": null,
"style": null,
"choices": null
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Input.Date",
"text": "2024-11-12",
"placeholder": "Chọn",
"weight": null,
"wrap": true,
"isRequired": true,
"errorMessage": "Field require",
"value": "2024-11-12",
"id": "tabDateReceiveQuotation",
"style": null,
"choices": null
},
{
"type": "Input.Text",
"id": "cancelFlag",
"value": "cancel",
"isVisible": false // Trường ẩn để xác định khi hủy
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "RichTextBlock",
"inlines": [
{
"type": "TextRun",
"text": "Mô tả chung "
},
{
"type": "TextRun",
"text": "*",
"color": "Attention"
}
]
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Input.Text",
"text": "F",
"placeholder": "Nhập",
"weight": null,
"wrap": true,
"isRequired": true,
"errorMessage": "Field require",
"value": "F",
"id": "tabOrg",
"style": null,
"choices": null
},
{
"type": "Input.Text",
"id": "cancelFlag",
"value": "cancel",
"isVisible": false // Trường ẩn để xác định khi hủy
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Công ty *",
"placeholder": "Chọn",
"weight": null,
"wrap": true,
"isRequired": null,
"errorMessage": null,
"value": "Công ty *",
"id": null,
"style": null,
"choices": null
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Input.Text",
"text": "F",
"placeholder": "Nhập",
"weight": null,
"wrap": true,
"isRequired": true,
"errorMessage": "Field require",
"value": "F",
"id": "tabCompany",
"style": null,
"choices": null
},
{
"type": "Input.Text",
"id": "cancelFlag",
"value": "cancel",
"isVisible": false // Trường ẩn để xác định khi hủy
}
]
}
]
},
{
"type": "TableRow",
"cells": [
{
"type": "TableCell",
"items": [
{
"type": "TextBlock",
"text": "Người yêu cầu *",
"placeholder": "Chọn",
"weight": null,
"wrap": true,
"isRequired": null,
"errorMessage": null,
"value": "Người yêu cầu *",
"id": null,
"style": null,
"choices": null
}
]
},
{
"type": "TableCell",
"items": [
{
"type": "Input.Text",
"text": "l",
"placeholder": "Nhập",
"weight": null,
"wrap": true,
"isRequired": true,
"errorMessage": "Field require",
"value": "l",
"id": "tabRequester",
"style": null,
"choices": null
},
{
"type": "Input.Text",
"id": "cancelFlag",
"value": "cancel",
"isVisible": false // Trường ẩn để xác định khi hủy
}
]
}
]
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Save",
"value": null,
"id": "saveButton",
"data": {
"selectedButton": null,
"action": "saveButton"
}
},
{
"type": "Action.Submit",
"title": "Cancel",
"associatedInputs": "none",
"data": {
"action": "cancelForm"
}
}
],
"$schema": null
},
"contentUrl": null
}
],
"serviceUrl": null,
"conversation": null,
"channelData": null,
"textFormat": null,
"text": null,
"suggestActions": null
}
Microsoft Teams
Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
3,443 questions
Microsoft Teams Phone
Microsoft Teams Phone
Teams Phone enables call-control and Private Branch Exchange (PBX) capabilities in the Microsoft 365 cloud with Microsoft Teams.
171 questions
{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 7,511 Reputation points Microsoft Vendor2024-11-27T07:51:37.2733333+00:00 Hi Long Nguyen Van, to assist you better, could you please provide the following details?
- Could you please let us know how you are sending this adaptive card in MS Teams? Is it via any webhook/connector or using Bot framework?
- Is this specific to Android or iOS?
-
Long Nguyen Van 0 Reputation points
2024-11-27T08:22:55.4+00:00 Hi @Varaprasad-MSFT , I am using Microsoft's Graph API to call Teams and send messages. This happens on both Android and iOS.
-
![](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(172.8, 5%, 26%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ERS%3C/text%3E%3C/svg%3E)
Robin Sheng-MSFT 4,825 Reputation points Microsoft Vendor2024-11-27T08:27:18.7033333+00:00 Hi @Long Nguyen Van
Teams tag is mainly focused on the general issue of Microsoft Teams troubleshooting. According to your description, your question is related to Teams Development which is not in our support scope. Thanks for your understanding and patience!
-
Long Nguyen Van 0 Reputation points
2024-11-27T10:17:03.1233333+00:00 Hi @Robin Sheng-MSFT , So, which tag should I use to handle this issue?
-
Long Nguyen Van 0 Reputation points
2024-11-27T10:17:52.86+00:00 Hi @Robin Sheng-MSFT , So, which tag should I use to handle this issue?
-
Prasad-MSFT 7,511 Reputation points Microsoft Vendor
2024-11-27T13:36:26.9566667+00:00 Hi Long Nguyen Van, thank you for your patience! We are able to reproduce the issue in the [Mobile (iOS/Android)]. In Teams Desktop/Web the card renders fine, however in Mobile devices shows as empty card. We have reported this as a bug for further investigation.
We will keep you updated as soon as we receive further information.
Sign in to comment
Sign in to answer