Forum Discussion

Tran_Tuan_Minh's avatar
Tran_Tuan_Minh
Copper Contributor
Jun 22, 2023

Adaptive Card with Table not rendering on iOS mobile app

I sent message with Adaptive Card via Microsoft Bot Framework and it displayed correctly in MS Teams desktop version. But it couldn't render in iOS mobile version.

{
  "type": "AdaptiveCard",
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.5",
  "msteams": {
    "width": "full"
  },
  "body": [
    {
      "type": "Table",
      "columns": [
        {
          "width": "auto"
        },
        {
          "width": "auto"
        },
        {
          "width": "auto"
        },
        {
          "width": "auto"
        }
      ],
      "rows": [
        {
          "type": "TableRow",
          "cells": [
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "Name",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "Email",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "Phone",
                  "wrap": true
                }
              ]
            }
          ]
        },
        {
          "type": "TableRow",
          "cells": [
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "Minh Tran",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "email address removed for privacy reasons",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "horizontalAlignment": "Center",
              "items": [
                {
                  "type": "ActionSet",
                  "actions": [
                    {
                      "type": "Action.Submit",
                      "title": "Show",
                      "data": {
                        "action": "show_customer",
                        "customer_id": 684
                      }
                    }
                  ],
                  "horizontalAlignment": "Center"
                }
              ]
            }
          ]
        }
      ],
      "verticalCellContentAlignment": "Center",
      "gridStyle": "default"
    }
  ]
}

 

    • Nivedipa-MSFT's avatar
      Nivedipa-MSFT
      Icon for Microsoft rankMicrosoft

      Tran_Tuan_Minh - We have tested this on IOS Teams version 5.11.0 and IOS 16.5
      We are able to repro this issue.
      On Teams web and deskop client we are getting adaptive card and on IOS we are getting blank adaptive card.

      Teams web client:


      On IOS 16.5


      We have raised a bug for the same. We will keep you posted if there are any updates on it.

  • jvera's avatar
    jvera
    Copper Contributor
    Currently facing this issue as well. Tables are not rendering in iOS MS Teams app, but do render in Desktop version of MS Teams. We tried using column set instead but due to the nature of the data, and the lack of control over the height of "rows" in the column set this was not an acceptable option
  • sayginify's avatar
    sayginify
    Copper Contributor

    Hi
    I'm facing the same issue, and actually submitting to the marketplace got a "Must-Fix" review on this. Working on desktop, failing on mobile. 

    is there any progress on that ? 

Resources