Forum Discussion
emilSociuu
Nov 09, 2023Copper Contributor
Images in Adaptive Cards in New Teams Client not showing
Hello Community,
I've encountered an issue with Teams Webhook Connector where images in Adaptive Cards are not displaying correctly in the New Teams Client, although they work as expected in the classic version.
Our clients have reported that while messages are visible, the images fail to appear. This problem does not occur in the classic Teams client or when viewed in a browser, which I presume is utilizing the classic client as well.
To clarify, I'm using the latest Adaptive Cards version (v1.5) compatible with Teams, and this issue is consistent across both Windows and Apple versions of the New Teams Client. Unfortunately, there seems to be no information available about this compatibility issue in the Adaptive Cards documentation or designer tool.
Below is a simple Adaptive Card JSON that illustrates the problem:
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "This is a headline"
},
{
"type": "Image",
"url": "https://img.cdn-pictorem.com/uploads/collection/D/DN4DFF8JRC/900_Nature-Art_colorful--paintings.jpg",
"width": "300px"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5"
}
For visual reference, here is how the card renders in both clients:
Classic Teams Client:
New Teams Client:
I have not found a workaround yet and would greatly appreciate guidance on how to resolve this issue. Any suggestions or updates regarding the new client's support for Adaptive Cards would be very helpful.
Thank you.
Best regards
- Henry-CJCCopper Contributor
i using sharepoint (organization link) in adaptive card but in teams web it can be preview while teams app i cant preview the images..
- Apurv_MishraCopper Contributor
I have used base64 encoded url for image in the Questions node and I am able to get the image in Teams.
- MichaelG175Copper ContributorI am also experiencing this now in July, 2024. I was using the Incoming Webhook previously on the New Teams desktop app (Windows 11), with MessageCards and images were working fine. Now since Incoming Webhooks are being deprecated I had to switch to Workflows that require AdaptiveCards instead. Same image I was using previously no longer shows up in the New Teams. I switched to the Classic Teams and it shows up fine. The image I am using is on WordPress site and is public.
- Meghana-MSFT
Microsoft
Apologies for the inconvenience caused to you. We checked this with the engineering team and a requirement has been created to "Allow Sharepoint images to be rendered". Currently, we do not have any ETA to share regarding when this would be available.- Luca_RomanoCopper Contributor
Meghana-MSFT Hi, has there been any updates regarding the requirement?
- PCCloudCopper Contributor
- blahblahCopper ContributorYup, same for me. Tried several times today and while appearing in the Adaptive Card Designer, They do not show in New Teams.
- Arkadiusz_SniezekCopper Contributor
I have the same problem. I'm sitting for 4 days to find the solutions.
Moreover then I want to use FTP connector to send to my server images, but after transfer images were broken.
And see for example picture: https://sniezek.eu/urk/1_01YOQJUKTRPPJAQUBL6REZKW2ZKCP2SDQ6.jpg
- TobiasATSteel Contributor
The cause is pretty clear.
Compared to Teams Classic the new Teams client (including Teams on the web with the new Teams) extends non-public hosted pictures with a "&v=1" at the of the picture URL. That's the issue.
Here is an example:
Public-hosted pictures (like the images from the stock gallery) are not affected.
I think the development team made a mistake and should use ? instead &, if they want to force a cache update. Then the picture will be displayed like in Teams Classic.
- Meghana-MSFT
Microsoft
There is a bug raised for this issue, we will keep you posted on the updates. The same issue has been posted here https://techcommunity.microsoft.com/t5/teams-developer/image-inserted-in-incoming-webhook-is-not-working-for-new-teams/m-p/3930294#M8367 earlier.- simon-kCopper ContributorWhat an annoying bug. I hope it gets fixed soon.
- Meghana-MSFT
Microsoft
This issue is fixed now. We have verified the fix in new Teams.
- emilSociuuCopper Contributor
Meghana-MSFT thank you very much. I attempting searching for this issue among the community but failed to find the other post you referenced to.
I hope this will be fixed quickly. In the meantime I'll forward your update to my client