Forum Discussion

nagajeyanthi's avatar
nagajeyanthi
Copper Contributor
Aug 17, 2023

Adaptive Cards are not showing up in Mobile Teams

Hi, 

We have designed the adaptive card, it works in Desktop without any issues but with Mobile teams we are getting blank, and also sometimes the buttons are displayed as tiny and hard to click

 

Let us know what is the issue and when it will be fixed.

 

 

11 Replies

  • mrPsycox10's avatar
    mrPsycox10
    Copper Contributor
    Hi there, same issue here. Also, Microsoft Teams validation team reject the submission noticing this behaviour. We're blocked. Any update?
    • Prasad_Das-MSFT's avatar
      Prasad_Das-MSFT
      Icon for Microsoft rankMicrosoft

      mrPsycox10 - Apologies. Currently there is no ETA to share. We are following up with engineering team about this issue. We will update this thread once we hear from them. Thanks!

    • nagajeyanthi's avatar
      nagajeyanthi
      Copper Contributor

      Prasad_Das-MSFT 

       

      As per the request, here is the Card JSON and let me know if anything is required furthermore.

       

       

      {
        "type": "AdaptiveCard",
        "body": [
          {
            "type": "TextBlock",
            "text": "Here's your most recent requests",
            "wrap": true,
            "weight": "Bolder",
            "horizontalAlignment": "Center",
            "size": "Large",
            "color": "Default"
          },
          {
            "type": "Image",
            "url": "https://www.colorhexa.com/f9a31c.png",
            "width": "1000px",
            "height": "10px",
            "horizontalAlignment": "Right"
          },
          {
            "type": "ColumnSet",
            "columns": [
              {
                "type": "Column",
                "width": "auto",
                "items": [
                  {
                    "type": "Container",
                    "items": [
                      {
                        "type": "ColumnSet",
                        "columns": [
                          {
                            "type": "Column",
                            "width": "stretch",
                            "items": [
                              {
                                "type": "Container",
                                "items": [
                                  {
                                    "type": "TextBlock",
                                    "text": "${title}",
                                    "weight": "Bolder",
                                    "color": "Dark",
                                    "horizontalAlignment": "Center"
                                  }
                                ],
                                "selectAction": {
                                  "type": "Action.Submit",
                                  "data": {
                                    "action": "ticket",
                                    "id": "${value}"
                                  }
                                },
                                "minHeight": "50px",
                                "verticalContentAlignment": "Center",
                                "style": "accent"
                              }
                            ]
                          }
                        ]
                      }
                    ],
                    "$data": "${getTicketsList}"
                  }
                ],
                "id": "firstOne",
                "verticalContentAlignment": "Bottom"
              }
            ]
          },
          {
            "type": "Container",
            "items": [
              {
                "type": "TextBlock",
                "text": "Main Menu",
                "wrap": true,
                "weight": "Bolder",
                "color": "Default",
                "horizontalAlignment": "Center"
              }
            ],
            "selectAction": {
              "type": "Action.Submit",
              "data": {
                "action": "mainmenu"
              }
            },
            "spacing": "default",
            "style": "warning"
          }
        ],
        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
        "version": "1.4"
      }

       

       

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

        nagajeyanthi - Using the card json provided we observed that it is behaving differently in Teams Desktop/Web client and Mobile devices.

        Teams Desktop/Web:

         

        Mobile:


        Could you please confirm if this is the same behaviour you are encountering?

Resources