Skip to main content

Notifications

Community site session details
Power Automate - Building Flows
Answered

Image in adaptive card for MS Teams not displaying

Like (1) ShareShare
ReportReport
Posted on 29 Jul 2020 20:49:41 by 616

Hello,

 

I have created an adaptive card for a post to MS Teams. Everything works except the image does not display. All it shows is undefined where the picture should be. The image is well within the 1024x1024 and 1mb size (.png). This image is hosted in a folder in SharePoint

 

Also, the image displays fine on the web. I'm assuming this is an issue with credentials. So then I guess my question would be then what is the best course of action/ solution and how to perform that solution?

 

222.png

  • Mocaszcin Profile Picture
    12 on 02 Feb 2024 at 11:27:15
    Re: Image in adaptive card for MS Teams not displaying

    I've just added a button and action.openURL with the URL link at the bottom of the image and left it i don't know if the problem was my account or cellphone as i was using a new channel to make the tests and trying. i tried to change the location of the file but did not work. and it's only in the phone app the issue.

  • LucaSchildi Profile Picture
    5 on 01 Feb 2024 at 20:27:38
    Re: Image in adaptive card for MS Teams not displaying

    Did you ever find a solution to this?

  • Mocaszcin Profile Picture
    12 on 30 Jan 2024 at 20:11:27
    Re: Image in adaptive card for MS Teams not displaying

    this will only work if the uri data is small because there's a limit on the size of payload that power automate can handle (28kb)

    what i'm having problem is that in the desktop app the image shows correctly but on the cellphone app the image is broken and instead of even showing the alt text it shows a broken image symbol

  • ChaitanyaVaddi Profile Picture
    2 on 30 Nov 2023 at 10:59:01
    Re: Image in adaptive card for MS Teams not displaying

    I found the solution after giving it some thought.

    Instead if image url, I did sent data URI for that Image.

    1. Goto https://ezgif.com/image-to-datauri

    2. Upload your image and click on convert

    3. You will get something like <img src="data:XXXXXX..etc" />

    4. Copy the content side src tag --> this part --> (data:XXXX...)
    5. Now in the payload/JSON send this instead of image url



  • P207610 Profile Picture
    9 on 05 Apr 2023 at 17:05:04
    Re: Image in adaptive card for MS Teams not displaying

    I am wondering if you found a solution to this issue. The images only showing on the web but not in the desktop app is the precise issue I am dealing with. The image source is in a SharePoint List.

  • aminp Profile Picture
    Microsoft Employee on 04 Apr 2023 at 16:58:18
    Re: Image in adaptive card for MS Teams not displaying

    There is a 28k limit

  • MarioOne Profile Picture
    67 on 31 Jan 2023 at 11:22:25
    Re: Image in adaptive card for MS Teams not displaying

    can you suggest on how to add an image link reference for thumbnail?

  • MarioOne Profile Picture
    67 on 31 Jan 2023 at 11:21:46
    Re: Image in adaptive card for MS Teams not displaying

    this page no longer exists

  • MarioOne Profile Picture
    67 on 31 Jan 2023 at 11:21:19
    Re: Image in adaptive card for MS Teams not displaying

    Hello Team, 

     

    Does anyone reached the stage where adding an image got solved by MSFT? I am falling again to the same issue where adding an image becomes a no possibility. Has it been ever resolved putting the issues in a straightforward manner?

  • Community Power Platform Member Profile Picture
    on 22 Jan 2021 at 12:44:55
    Re: Image in adaptive card for MS Teams not displaying

    You can use th website 64-image.de and past the code in the url instead

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

Understanding Microsoft Agents - Introductory Session

Confused about how agents work across the Microsoft ecosystem? Register today!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 146,743 Most Valuable Professional

#2
RandyHayes Profile Picture

RandyHayes 76,287 Super User 2024 Season 1

#3
Pstork1 Profile Picture

Pstork1 66,079 Most Valuable Professional

Leaderboard