Forum Discussion
Render issue with SVG images in AdaptiveCard
Hello,
We are using Teams on the Web and the images stopped rendering correctly on Jan 9th 2024 for adaptive cards posted using incoming webhook.
I use SVG images hosted on an public GCS bucket. This was working on monday 8th
And now it look like this:
Are svg images not supported any more in the New Teams ?
10 Replies
Prasad_Das-MSFTMicrosoft
remisauvat - Could you please provide the adaptive card JSON which you used?
Here is the json
{ "type": "AdaptiveCard", "body": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "items": [ { "type": "Image", "url": "https://storage.googleapis.com/it-public-packages/icons/code-branch-duotone.svg", "size": "Small" } ], "width": "auto" }, { "type": "Column", "items": [ { "type": "TextBlock", "weight": "Bolder", "text": "[{ci_project_name}]({ci_project_url})", "wrap": true }, { "type": "TextBlock", "spacing": "None", "text": "{reset_branch_name}", "isSubtle": true, "wrap": true } ], "width": "auto" }, { "type": "Column", "width": "auto", "items": [ { "type": "TextBlock", "text": "{gitlab_user_name}", "wrap": true }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "auto", "items": [ { "type": "Image", "url": "https://storage.googleapis.com/it-public-packages/icons/circle-quarter-duotone.svg" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Job [{ci_job_id}]({ci_job_url})", "wrap": true, "isSubtle": false, "size": "Small" } ] } ] } ], "id": "user" } ] }, { "type": "Container", "style": "accent", "items": [ { "type": "TextBlock", "text": "Unknown message", "id": "message", "wrap": true } ], "id": "msg_container" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.5" }- Prasad_Das-MSFT
remisauvat - We are able to repro this issue. We have raised a bug for the same. We will inform you once we get any further update from engineering team.
Thanks,
Prasad Das
------------------------------------------------------------------------------------------
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.
