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
Unable to reach app - Adaptive Cards
I've written some adaptive cards to track employee responses to tasks. The adaptive card comes from the power automate 'Post an adaptive card and wait for a response' flow. My card has a single button on it that allows the user to respond and the flow will have a bot post the time at which they pressed the button. However, it seems that Teams randomly doesn't process the odd button press and leaves the error below, however, the response is still posted by the bot so the flow is working fine. I can't seem to find what is in common between the times when it fails and when it succeeds, has anyone had this issue with Teams and adaptive cards with responses? It is supposed to be changed to something like below. (The response)
Image inserted in incoming webhook is not working for new Teams version.
I am trying to insert an image into an incoming webhook using adaptive card and message card. But it is not displaying in the new Microsoft Teams version (23217.806.2340.1703.). But this is working on Old Teams version 1.6.00.24078 (64-bit). I am using below sample code to display this card. { "type": "message", "attachments": [ { "contentType": "application/vnd.microsoft.card.adaptive", "contentUrl": null, "content": { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.5", "body": [ { "type": "TextBlock", "text": "For Samples and Templates, see [https://adaptivecards.io/samples](https://adaptivecards.io/samples)" }, { "type": "Image", "url": "https://adaptivecards.io/content/cats/1.png" } ] } } ] } Please reply if you have any solution to this issue or have any suggestions. Thanks,
When Sending an Adaptive Card to Teams via MS Graph Can The Copy Link & Title Bar Be Removed?
When using MS Graph and I use the message endpoint to send a message to a channel in MS Teams, and that message includes an adaptive card as an attachment, I always end up with a blank space/padding at the top of the card, and 3-dot menu to the right (with a Copy option). This padding doesn't seem to appear on any of the examples given in the documentation, and the blank space at the top of all my cards looks a bit naff. Is there a way to remove this spacing? Or, alternatively, is there a way to add content into this space, and alter the options shown under the 3-dot menu? Endpoint being used... https://graph.microsoft.com/v1.0/teams/{team-id}/channels/{channel-id}/messages Example request body being used... { "body": { "contentType": "html", "content": "<attachment id=\"4465B062-EE1C-4E0F-B944-3B7AF61EAF40\"></attachment>" }, "attachments": [ { "id": "4465B062-EE1C-4E0F-B944-3B7AF61EAF40", "contentType": "application/vnd.microsoft.card.adaptive", "content": "{\n \"type\": \"AdaptiveCard\",\n \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\",\n \"version\": \"1.3\",\n \"body\": [\n {\n \"type\": \"TextBlock\",\n \"size\": \"Large\",\n \"weight\": \"Bolder\",\n \"text\": \"My News Item\",\n \"wrap\": true\n }\n ],\n \"actions\": [\n {\n \"type\": \"Action.OpenUrl\",\n \"title\": \"View\",\n \"url\": \"https://bing.com\"\n }\n ]\n }" } ] }Image load issue in adaptive card in teams
I have an adaptive card which is being opened in the task module by the bot in Teams app. The images are of size 15-25kb, but still these images are loaded lazily. This is hindering user experience badly. Can I somehow get these images cached at Microsoft side before opening the task module? Basically the images are opened sequentially when the task module opens. Need some help here!Forward Adaptive Card
How can we forward adaptive cards in teams. Is there any easy way out? One method which I found was using Graph API. Following the below link with Example 3 : Send a message containing cards :- https://learn.microsoft.com/en-us/graph/api/chatmessage-post?view=graph-rest-1.0&tabs=javascript#examples But it has html content, how to add json content to it. Please can anyone help with this?Adaptive/Hero card Action.Submit/Button {type: "imBack"} not working on PC
Hi, I'm using graph API to send an Adaptive card or Hero card (tried both) containing a number of options, listed as buttons. and require the text value of the button to be sent back through the chat as if the user sent it. adaptive_card = { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.5", "actions": [ { "type": "Action.Submit", "title": "Submit", "data": { "msteams": { "type": "imBack", "value": "Get Order Status" } } } ] } card = { "subject": None, "body": { "contentType": "html", "content": "<attachment id=\"xxxxxxxxxxxxxxx\"></attachment>" }, "attachments": [ { "id": "xxxxxxxxxxxxxxx", "contentType": "application/vnd.microsoft.card.adaptive", "content": json.dumps(adaptive_card) } ] } When pressing the button on the adaptive card on the mobile app it works as expected, when pressing the button on the PC MS-teams app it does nothing.
