Teams adaptive card scaling is off on IOS

Copper Contributor

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. 

2 Replies

@FinnHat Could you please share the json for your Adaptive card?

@Gousia_Begum 

 

{

    "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"

}