Forum Discussion

emilSociuu's avatar
emilSociuu
Copper Contributor
Nov 09, 2023

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-CJC's avatar
    Henry-CJC
    Copper 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_Mishra's avatar
      Apurv_Mishra
      Copper Contributor

      I have used base64 encoded url for image in the Questions node and I am able to get the image in Teams.

       

  • MichaelG175's avatar
    MichaelG175
    Copper Contributor
    I 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's avatar
      Meghana-MSFT
      Icon for Microsoft rankMicrosoft
      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.
  • blahblah's avatar
    blahblah
    Copper Contributor
    Yup, same for me. Tried several times today and while appearing in the Adaptive Card Designer, They do not show in New Teams.
  • TobiasAT's avatar
    TobiasAT
    Steel Contributor

    emilSociuu 

     

    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. 

    Meghana-MSFT 

    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. 

    • simon-k's avatar
      simon-k
      Copper Contributor
      What an annoying bug. I hope it gets fixed soon.
      • Meghana-MSFT's avatar
        Meghana-MSFT
        Icon for Microsoft rankMicrosoft

        This issue is fixed now. We have verified the fix in new Teams. 

         

    • emilSociuu's avatar
      emilSociuu
      Copper 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

Resources