Forum Discussion
Adaptive Card not Displaying On Teams Mobile
Sigmadelta8 - We are able to repro the issue. The card is getting rendered properly in Teams Desktop and Web version.
But its not rendering properly in Mobile clients.
We have raised a bug for this. We will inform you once we get any update from engineering team.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.
MicrosoftSigmadelta8 - We are checking the issue. We will get back to you shortly.
- Prasad_Das-MSFT
Sigmadelta8 - We are able to repro the issue. The card is getting rendered properly in Teams Desktop and Web version.
But its not rendering properly in Mobile clients.
We have raised a bug for this. We will inform you once we get any update from engineering team.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.
Prasad_Das-MSFT Hello Prasa, i see your reply dates back to June, today 17 Oct , i have the same rendering issue in the phone app. In this case the AC does not show at all when using Teams on the phone app. (Ios)
- Prasad_Das-MSFT
isaaccordovasalazar - We are checking the status of the bug with engineering team. We will inform you once we have any update. Thanks!
its the factset. if you remove it, it appears
October 10, 2024.
The bug is apparently still the same, in the web and desktop version the content is displayed correctly, but in the Android and iOS mobile version the card is not displayed. I attach the example
web and desktop version its ok
but mobile version
i share my JSON Adaptive Card
{ "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.4", "body": [ { "type": "TextBlock", "size": "Medium", "weight": "Bolder", "text": "¿Cuál recurso deseas reservar?", "wrap": true }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Herramientas", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 09:00 PM - 09:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 09:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 09:00 PM", "endTime": "10/09/2024 09:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Audiovisual", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Carguero", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "piezas", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Postres", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Transporte", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Grabadora", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Luces", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM - 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] }, { "type": "ColumnSet", "spacing": "Medium", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Comida", "weight": "Bolder", "size": "Medium", "wrap": true }, { "type": "TextBlock", "text": "09/10/2024 06:00 PM- 06:30 PM", "color": "Good", "weight": "Bolder", "wrap": true }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Reservar 06:00 PM", "style": "positive", "data": { "startTime": "10/09/2024 06:00 PM", "endTime": "10/09/2024 06:30 PM" } } ] } ] } ] } ] }
Prasad_Das-MSFTIn iPhones, the adaptive card text is not properly aligned. However, the card renders properly in Teams Desktop and Web versions.
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "- Alert you when you have upcoming or past due tasks",
"wrap": true,
"size": "Medium"
},
{
"type": "TextBlock",
"text": "- Allow you to view all of your open tasks",
"wrap": true,
"size": "Medium",
"spacing": "None"
},
{
"type": "TextBlock",
"text": "- View your own behavioral insights",
"wrap": true,
"size": "Medium",
"spacing": "None"
}
],
"spacing": "ExtraLarge"
},
