Forum Discussion
Teams adaptive card scaling is off on IOS
Hi!
We've had several IOS user submit problem viewing the adaptive cards posted on Teams while viewed on Iphones.
While troubleshooting, both Teams on Windows and Android showed the card just fine. But on Iphone, headlines are shifted, and long messages are cut.
I've not verified if this problems affects older Iphones. I think it has something to do with how Teams is scaled. Worth mentioning that the users all have Iphone X or newer.
Image: Flow Teams Mobil is a Iphone viewing the card
Flow Teams PC is the same card on PC.
- Gousia_BegumMicrosoft
FinnHat Could you please share the json for your Adaptive card?
- FinnHatCopper Contributor
{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"altText": "",
"horizontalAlignment": "Left",
"url": "https://contoso.com",
"size": "Medium"
}
],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": " Robotvarsling",
"fontType": "Monospace",
"wrap": true,
"weight": "Bolder",
"color": "Dark",
"size": "Large",
"horizontalAlignment": "Left"
}
]
}
]
},
{
"type": "TextBlock",
"text": "@{body('Oppdater_datasheet_for_varslinger_med_info_fra_UiPath')['Title']}",
"size": "Medium",
"weight": "Bolder",
"spacing": "Medium",
"wrap": true,
"horizontalAlignment": "Left"
},
{
"type": "TextBlock",
"text": "@{body('Oppdater_datasheet_for_varslinger_med_info_fra_UiPath')?['InfoColleagues']}",
"wrap": true,
"weight": "Lighter"
},
{
"type": "FactSet",
"facts": [
{
"title": "Type",
"value": "@{body('Oppdater_datasheet_for_varslinger_med_info_fra_UiPath')?['AlertType']}"
},
{
"title": "Noder",
"value": "@{variables('PrettyNodes')}"
},
{
"title": "Kunder varslet",
"value": "@{body('Oppdater_datasheet_for_varslinger_med_info_fra_UiPath')?['AlertedCustomers']}"
},
{
"title": "Kunder berørt",
"value": "@{body('Oppdater_datasheet_for_varslinger_med_info_fra_UiPath')?['AffectedCustomers']}"
},
{
"title": "Arbeid start",
"value": "*StartTid"
},
{
"title": "Arbeid slutt",
"value": "*SluttTid"
}
],
"spacing": "Large"
},
{
"type": "TextBlock",
"text": "[**Åpne kalenderen for mer informasjon**](@{body('Oppdater_datasheet_for_varslinger_med_hendelses-ID_fra_kalenderen')?['{Link}']})",
"spacing": "ExtraLarge",
"wrap": true,
"separator": true,
"horizontalAlignment": "Center"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}