[iOS] Adaptive card not rendering in mobile

[SubbaReddi]

Even If the adaptive card JSON is missing mandatory fields, card is rendering fine in Desktop, Web teams. But showing empty card in iOS mobile.

For example. below card with image is missing URL property. If we send this card using bot, card displays blank in iOS mobile.
So, please add note in documentation to indicate issue is with card JSON.

{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "Image",
"style": "default",
"size": "Small"
}
],
"widh": "auto",
"width": "stretch"
}
]
}
]
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.4"
}

---

Document Details

⚠ Do not edit this section. It is required for learn.microsoft.com ➟ GitHub issue linking.

• ID: 3fb4394d-25b1-8752-3996-fe3a2934732d
• Version Independent ID: 6d391381-89d0-117c-27cc-00043bd26a36
• Content: Types of cards - Teams
• Content Source: msteams-platform/task-modules-and-cards/cards/cards-reference.md
• Service: msteams
• GitHub Login: @surbhigupta
• Microsoft Alias: lajanuar

[ghost]

Hi SubbaReddi! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[ChetanSharma-msft]

Hello @SubbaReddi - Thanks for raising the issue.
We will check on it and redirect to doc team accordingly.

[Prasad-MSFT]

@SubbaReddi - We tried to repro this issue using Teams Desktop, Web and Mobile clients. The card is rendering without any content in MS Teams Desktop, Web and Android client. However, in iOS the card is not rendering at all.
Teams Desktop/Web:

Teams Version:
Microsoft Teams Version 1.6.00.1579
Android:

Teams Version:

iOS:

Teams Version:

[SubbaReddi]

@Prasad-MSFT : It was not the case earlier.
In that case, documentation should indicate as follows: "If the adaptive card JSON is missing required properties, card will show blank". Applies all teams clients.

[Prasad-MSFT]

@SubbaReddi - But in iOS, the card is not showing at all right? It is not consistent in all clients.
If we will update the doc, it might be misleading.

[ghost]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.

[SubbaReddi]

@Prasad-MSFT : Our observation is card showing blank in iOS mobile. But card is rendering fine in other clients.

[Prasad-MSFT]

But @SubbaReddi - Will it be good if we update doc saying ""If the adaptive card JSON is missing required properties, card will show blank". Applies all Teams clients."? Because it shows blank only in iOS, not in all Teams client.

[SubbaReddi]

Agree. It is showing blank only in iOS.

[Prasad-MSFT]

Thanks @SubbaReddi for confirming. So, i would suggest to not document this as it doesn't apply for all Teams clients.

[ChetanSharma-msft]

Hello @SubbaReddi, @Prasad-MSFT - As per my understanding, it's a bug in iOS device because sample card is showing properly in Desktop and other clients.

We will and raise a bug accordingly, if needed.

[Prasad-MSFT]

@SubbaReddi - Tested the issue again using below JSON

{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "text": "For Samples and Templates, see [https://adaptivecards.io/samples](https://adaptivecards.io/samples)"
    },
    {
      "type": "ColumnSet",
      "columns": [
        {
          "type": "Column",
          "items": [
            {
              "type": "Image",
              "style": "default",
              "size": "Small"
            }
          ],
          "widh": "auto",
          "width": "stretch"
        }
      ]
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.4"
}

and observed that in MS Teams Desktop (Microsoft Teams Version 1.6.00.2979) and Web client, the card renders even with missing properties.

However, card displays blank in Android devices and doesn't render at all in iOS devices.

Android:

Version:

iOS:

Version:

[Prasad-MSFT]

We have raised a bug for the same and engineering team is looking into it. We will inform you once we get any further update.

Thanks!