The Adaptive Card messages sent to the Teams cannot be displayed normally on the iOS mobile.

Question

Hello everyone,

The background is that I created a Power Automate flow, and sent message to the users via the Teams, asking them to reply. The message were designed using Adaptive Card.

The same content displays correctly on Android Teams and allows for response, but on the iPhone Teams, only a blank message box is visible.

I am using an iPhone 15 with iOS version 17.6.1 and Teams app version 6.11.2. If anyone understands this issue, please tell me the cause and how to resolve it. Thank you in advance.

The Adaptive Card is as follows.

---

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.5",
    "body": [
        {
            "type": "TextBlock",
            "text": "Response required: 今月の残業時間状況",
            "weight": "Bolder",
            "size": "Large",
            "id": "Title",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "(English follows Japanese)\n\n**申請者さん、いつもmyTIMへのタイムリー入力ありがとうございます。今月の残業時間が80時間を超えるか否か、下部のボタンで回答ください。**\n\n**※本日中に回答ください（本日中に回答がない場合はSVにも通知されます）。**\n\n**申請者さん**は、24日時点のmyTIMデータの線形回帰分析から、**今月の残業時間が80hに近づく/超える予測**のため、この連絡をしています。必要に応じて、稼働の予測をSVに確認してください。\n\n過少インプットを求めるものではなく、予測精度向上のための確認活動なので、現時点でのBestGuessを回答お願いします。\n\n",
            "wrap": true
        },
{
      "type": "RichTextBlock",
      "inlines": [
        {
          "type": "TextRun",
          "text": "この依頼の背景については、Engage"
        },
        {
          "type": "TextRun",
          "text": "「OT予兆報告」",
          "color": "Accent",
          "selectAction": {
            "type": "Action.OpenUrl",
            "url": "https://techcommunity.microsoft.com/discussions/teamsdeveloper/adaptive-card-not-displaying-on-teams-mobile/3511814"
          }
        },
        {
          "type": "TextRun",
          "text": " をお読みください。"
        }
      ]
    },
 {
            "type": "TextBlock",
            "text": "※本問い合わせについて質問がありましたら、executive officeまでご連絡ください。\n\nーーー\n\nThank you for your timely input to myTIM. This time, please cooperate with the questionnaire that takes less than 1 minute!\n\nBased on the linear regression analysis of myTIM data as of the 26th, it is predicted that your overtime hours this month will exceed 80 hours. Please select one of the buttons at the end of this message to indicate whether you believe your overtime will actually exceed 80 hours or not. If necessary, please confirm with your SV.\n\nThis is not a request for underreporting but a verification activity to improve prediction accuracy, so please provide your best guess at this time.\n\n",
            "wrap": true
        },
{
      "type": "RichTextBlock",
      "inlines": [
        {
          "type": "TextRun",
          "text": "For more context on this request, please refer to the Engage post titled "
        },
        {
          "type": "TextRun",
          "text": "\"Status Report on OT Prediction.\"",
          "color": "Accent",
          "selectAction": {
            "type": "Action.OpenUrl",
            "url": "https://techcommunity.microsoft.com/discussions/teamsdeveloper/adaptive-card-not-displaying-on-teams-mobile/3511814"
          }
        }
      ]
    },
 {
            "type": "TextBlock",
            "text": "*If you have any questions about this inquiry, please contact executive office.",
            "wrap": true
        },
        {
            "type": "Input.ChoiceSet",
            "id": "response",
            "style": "expanded",
            "choices": [
                {
                    "title": "1. Yes",
                    "value": "1. Yes"
                },
                {
                    "title": "2. No",
                    "value": "2. No"
                }
            ],
            "wrap": true
        },
        {
            "type": "Input.Text",
            "placeholder": "コメントを入力します",
            "label": "Comments",
            "id": "memo",
            "isMultiline": true,
            "height": "stretch"
        }
    ],
    "actions": [
        {
            "type": "Action.Submit",
            "title": "送信"
        }
    ]
}

Answer 1

Hi Ma, Kunyue, we tried sending the provided card JSON using Power Automate flow and observed that it renders fine in iOS (iOS 18.3.1).

Microsoft Teams version: