Unanswered

Icon is not being displayed in teams

(0) Share

Report

Posted on by Uthiraa27

The chatbot when published in teams is not displaying the icon of 1 particular option only as shown in the figure attached. We tried putting a different image in its place, still the issue is not getting resolved. The image at that particular location is not being displayed. Any commands or actions that can help solve this issue?

Categories:

Building Copilot Studio chatbots in Microsoft Teams

msteamsissue.png

I have the same question (0)

All responses (6)

Answers (0)

ManikandanS 246 on at

Like (0)

Report

Hello @Uthiraa27 ,

Is the image format and size supported in co pilot studio?. Are you displaying image using adaptive card?
If possible share your images to check

Thanks

Was this reply helpful? Yes No
Uthiraa27 14 on at

Like (0)

Report

The image is supported by co-pilot studio. The above image attached is made from adaptive card in PVA. I have attached the image link (the one that is not displaying) below -
https://st2.depositphotos.com/2495409/7852/i/450/depositphotos_78521720-stock-photo-search-file.jpg
Note: If I use any of the other 3 image in that 1st place (where icon is not visible) then also I'm not able to see the icon, i.e., any other image put in that place is also not visible.

Was this reply helpful? Yes No
ManikandanS 246 on at

Like (0)

Report

@Uthiraa27 , Then it looks like this is something not with the image, it may be related to adaptive card and how it's rendered. Is it possible for you to share the sample structure of your adaptive card?

Was this reply helpful? Yes No
amit_05 11 on at

Like (0)

Report

Also note that icon is visible on web page where we have embedded PVA bot. Only on teams it's not able to load it..

Was this reply helpful? Yes No
Uthiraa27 14 on at

Like (0)

Report

sure.. this is the snippet for 2 images added in adaptive card -
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50",
"style": "default",
"separator": true,
"items": [
{
"type": "Image",
"url": "link for internal_logo.jpg",
"size": "Medium",
"width": "80px",
"height": "80px",
"horizontalAlignment": "Center"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Internal",
"wrap": true,
"data": {
"choice": "Internal"
},
"role": "Button"
}
]
}
]
},
{
"type": "Column",
"width": "50",
"style": "default",
"separator": true,
"items": [
{
"type": "Image",
"url": "link for weblogo.png",
"size": "Medium",
"width": "80px",
"height": "80px",
"horizontalAlignment": "Center"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Web",
"data": {
"choice": "Web"
},
"role": "Button"
}
]
}
]
}
],
"separator": true
},

Was this reply helpful? Yes No
ManikandanS 246 on at

Like (0)

Report

Hello @Uthiraa27 @amit_05 ,

Somehow your image is blocked due to cross origin policy.
You may check to resolve this issue. An alternative is to source base 64 content of image in adaptive card to render image properly in teams. I have tried this and it's working. If it's ok, please try this option at your end.

Was this reply helpful? Yes No