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

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Icon is not being disp...
Copilot Studio
Unanswered

Icon is not being displayed in teams

(0) ShareShare
ReportReport
Posted on by 14

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?

I have the same question (0)
  • ManikandanS Profile Picture
    246 on at

    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 

  • Uthiraa27 Profile Picture
    14 on at

     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. 

  • ManikandanS Profile Picture
    246 on at

    @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?

  • amit_05 Profile Picture
    11 on at

    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..

  • Uthiraa27 Profile Picture
    14 on at

    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
    },
  • ManikandanS Profile Picture
    246 on at

    Hello @Uthiraa27 @amit_05 ,

     

    Somehow your image is blocked due to cross origin policy.

    ManikandanS_0-1708582700363.png

    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.

     

    ManikandanS_1-1708582798812.png

     

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

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…

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