Forum Discussion

FinnHat's avatar
FinnHat
Copper Contributor
Dec 11, 2019

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. 

    • FinnHat's avatar
      FinnHat
      Copper Contributor

      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"

      }

       

Resources