web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Welcome to the Power Platform Communities
Season of Giving Solutions is Here!
Explore Copilot Studio Forums, Blogs & Galleries!
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Adaptive card in Copil...
Copilot Studio
Suggested Answer

Adaptive card in Copilot Studio deployment not appearing on mobile Teams chat

(0) ShareShare
ReportReport
Posted on by Bjon 61
Hi,
I have this adaptive card, No image. no fancy design.
It was appearing ok during development test and deployed the Agent to MS Teams.
However, after deployement this adaptive card appear only on desktop teams but no in mobile teams.
 
This is how the adapive card shall look like In Desktop teams and is working well.,
is there anything I need to do so that mobile version works with this adaptive card?
 
Below is the source of the adaptive card and I am already using only version 1.3
{
  type: "AdaptiveCard",
  '$schema': "http://adaptivecards.io/schemas/adaptive-card.json",
  version: "1.3",
  body: [
    {
      type: "TextBlock",
      text: "[" & Topic.IssueCategory &"][" & Topic.IssueSubCategory &"] " & Topic.subjectTitle,
      wrap: true,
      weight: "Bolder"
    },
    {
      type: "ColumnSet",
      columns: [
        {
          type: "Column",
          width: "auto",
          items: [
            {
              type: "Image",
              size: "Small"
            }
          ]
        },
        {
          type: "Column",
          width: "stretch",
          items: [
            {
              type: "TextBlock",
              text: System.User.DisplayName,
              wrap: true,
              weight: "Bolder"
            },
            {
              type: "TextBlock",
              spacing: "None",
              isSubtle: true,
              text: Topic.DateTime,
              wrap: true,
              size: "Small"
            }
          ]
        }
      ]
    },
    {
      type: "Container",
      items: [
        {
          type: "Container",
          items: [
            {
              type: "TextBlock",
              text: "Pirority :",
              wrap: true,
              weight: "Bolder"
            },
            {
              type: "TextBlock",
              text: Topic.Pirority,
              wrap: true,
              size: "Small",
              spacing: "None"
            },
            {
              type: "TextBlock",
              text: "What is it?",
              wrap: true,
              weight: "Bolder"
            },
            {
              type: "TextBlock",
              text: Topic.EncounteredIssue,
              size: "Small",
              spacing: "None"
            },
          ]
        }
      ]
    }
  ],
   actions: [
        {
            type: "Action.ShowCard",
            title: "Click to add attachment",
            card: {
                type: "AdaptiveCard",
                body: [
                    {
                        type: "TextBlock",
                        text: "Sharepoint URL attachment",
                        wrap: true
                    },
                    {
                        type: "Input.Text",
                        id: "attachmentURL",
                        placeholder: If(IsBlank(Topic.Attachment),"http://",Topic.Attachment)
                    }
                ],
                '$schema': "http://adaptivecards.io/schemas/adaptive-card.json"
            },
            style: "positive"
        }
    ]
}
Categories:
General topics
I have the same question (0)
  • Suggested answer
    Artur Stepniak Profile Picture
    Artur Stepniak 1,539 Super User 2025 Season 2 on at
    Hello,
     
    you can try to use the designer and test if it'll show on mobile: https://adaptivecards.io/designer/. There's an option to emulate the device:
     
     
    I think that maybe the version is wrong or it doesn't support certain types of controls.
     
    In case of any other questions, let me know. If the answer helped you, mark it, so that others can benefit from it.
     
    Best regards,
     
    Artur Stepniak
  • Bjon Profile Picture
    Bjon 61 on at
    Yes I tried and checked, It does work well on the designer before I deploy onto copilot studio.

    Just that it is not working after I deployed to teams and access from mobile
  • Bjon Profile Picture
    Bjon 61 on at
    Now i tried re-create the card. this time just displaying of words.
     
    But this time I am getting this from the bot. even on desktop teams
     
    What is happening??
     
    I paste the the Adaptive card code below
    {
        "type": "AdaptiveCard",
        "body": [
            {
                "type": "TextBlock",
                "size": "medium",
                "weight": "bolder",
                "text": "[Category] Subject"
            },
            {
                "type": "ColumnSet",
                "columns": [
                    {
                        "type": "Column",
                        "items": [
                            {
                                "type": "Image",
                                "style": "Person",
                                "url": "${creator.profileImage}",
                                "altText": "${creator.name}",
                                "size": "Small"
                            }
                        ],
                        "width": "auto"
                    },
                    {
                        "type": "Column",
                        "items": [
                            {
                                "type": "TextBlock",
                                "weight": "Bolder",
                                "text": "UserDisplayName",
                                "wrap": true
                            },
                            {
                                "type": "TextBlock",
                                "spacing": "None",
                                "text": "Created {{DATE(${createdUtc},SHORT)}}",
                                "isSubtle": true,
                                "wrap": true
                            }
                        ],
                        "width": "stretch"
                    }
                ]
            },
            {
                "type": "ColumnSet",
                "columns": [
                    {
                        "type": "Column",
                        "width": "stretch",
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": "Pirority",
                                "wrap": true,
                                "weight": "Bolder"
                            }
                        ]
                    },
                    {
                        "type": "Column",
                        "width": "stretch"
                    }
                ]
            },
            {
                "type": "ColumnSet",
                "columns": [
                    {
                        "type": "Column",
                        "width": "stretch",
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": "What is it?",
                                "wrap": true,
                                "weight": "Bolder"
                            },
                            {
                                "type": "TextBlock",
                                "text": "$(ItemName)",
                                "wrap": true,
                                "size": "Small"
                            }
                        ]
                    }
                ]
            },
            {
                "type": "ColumnSet",
                "columns": [
                    {
                        "type": "Column",
                        "width": "stretch",
                        "items": [
                            {
                                "type": "Container",
                                "items": [
                                    {
                                        "type": "Input.Text",
                                        "placeholder": "Placeholder text",
                                        "id": "1"
                                    }
                                ]
                            },
                            {
                                "type": "TextBlock",
                                "text": "What happened?",
                                "wrap": true,
                                "weight": "Bolder"
                            }
                        ]
                    }
                ]
            },
            {
                "type": "Input.Text",
                "placeholder": "${description}",
                "isMultiline": true,
                "id": "DescriptionID"
            },
            {
                "type": "Container"
            },
            {
                "type": "ColumnSet",
                "columns": [
                    {
                        "type": "Column",
                        "width": "stretch"
                    },
                    {
                        "type": "Column",
                        "width": "stretch"
                    }
                ]
            }
        ],
        "actions": [
            {
                "type": "Action.ShowCard",
                "title": "Click to add attachment",
                "card": {
                    "type": "AdaptiveCard",
                    "body": [
                        {
                            "type": "TextBlock",
                            "text": "Sharepoint URL attachment",
                            "wrap": true
                        },
                        {
                            "type": "Input.Text",
                            "id": "attachmentURL",
                            "placeholder": "http://"
                        }
                    ],
                    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
                },
                "style": "positive"
            }
        ],
        "Body": [
            {
                "type": "Container",
                "items": [
                    {
                        "type": "Container",
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": "Do you want to create an IT Ticket with above content?",
                                "wrap": true
                            }
                        ]
                    }
                ]
            }
        ],
        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
        "version": "1.3"
    }
  • Suggested answer
    Artur Stepniak Profile Picture
    Artur Stepniak 1,539 Super User 2025 Season 2 on at
    Hello,
     
    probably dynamic variables are giving you this error - those buddies: $(ItemName)".
    You'd need to drop them. Make also sure to follow the docs when creating the card, it could be the case that some controls are not supported etc.: https://learn.microsoft.com/en-us/microsoft-copilot-studio/authoring-ask-with-adaptive-card.
     
    In case of any other questions, let me know. If the answer helped you, mark it, so that others can benefit from it.
     
    Best regards,
     
    Artur Stepniak

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
Season of Giving Solutions is Here!
Explore Copilot Studio Forums, Blogs & Galleries!

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Congratulations to the November Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Copilot Studio

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 261 Super User 2025 Season 2

#2
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 198 Super User 2025 Season 2

#3
S-Venkadesh Profile Picture

S-Venkadesh 93 Moderator

Last 30 days Overall leaderboard

Featured topics

Announcing the "Microsoft Copilot Studio ❤️ MCP" lab
Welcome to the Copilot Studio forum!

Product updates

Microsoft Power Platform Community release plans