Copilot Studio

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

(0) Share

Report

Posted on by Bjon

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)

All responses (4)

Answers (0)

Sort by

Suggested answer

Artur Stepniak 1,539 Moderator on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Bjon 61 on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Bjon 61 on at

Like (0)

Report
Copy link

Link copied!

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"

}

Was this reply helpful? Yes No
Suggested answer

Artur Stepniak 1,539 Moderator on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No