Forum Discussion
Image inside adaptive not centered when posting in teams
Hi team,
I'm trying to post an adaptive card to teams via power automate. Below is the preview of adaptive card in adaptive card designer where it works as expected:
Below is what I see in teams after it is posted:
As you can see the image is left aligned for some reason while the text block remained intact. The strange thing is this has been functioning as expected until last week. Even existing cards posted to teams has been broken. Below is the card json:
{
"type": "AdaptiveCard",
"$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.5",
"minHeight": "300px",
"verticalContentAlignment": "Top",
"body": [
{
"type": "ColumnSet",
"horizontalAlignment": "Center",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "AWARD NAME",
"wrap": true,
"horizontalAlignment": "Center",
"maxLines": 3,
"style": "heading",
"fontType": "Default",
"size": "ExtraLarge",
"weight": "Bolder",
"color": "Default",
"isSubtle": false
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "This certificate is proudly presented to",
"wrap": true
}
],
"horizontalAlignment": "Center",
"minHeight": "60px",
"verticalContentAlignment": "Center"
},
{
"type": "TextBlock",
"text": "TEST SHARMA",
"wrap": true,
"horizontalAlignment": "Center",
"style": "default",
"fontType": "Monospace",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
"wrap": true
},
{
"type": "TextBlock",
"text": "DATE: 15/02/2025",
"wrap": true,
"spacing": "Medium"
},
{
"type": "TextBlock",
"text": "Presented By: TEST MANAGER",
"wrap": true,
"spacing": "Medium",
"horizontalAlignment": "Center"
}
],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"backgroundImage": {
"url": "https://media.istockphoto.com/id/1185382671/vector/abstract-blurred-colorful-background.jpg?s=612x612&w=0&k=20&c=3YwJa7lCw-cQ-hviINULUokL9lYU4RuGjMP_E_0N8E4=",
"horizontalAlignment": "Center"
},
"horizontalAlignment": "Center",
"verticalContentAlignment": "Center",
"rtl": false,
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
},
{
"type": "Image",
"url": "https://w0.peakpx.com/wallpaper/419/208/HD-wallpaper-face-art-abstract-face-painting-profile.jpg",
"style": "Person",
"size": "Large",
"horizontalAlignment": "Center",
"altText": "test",
"targetWidth": "AtLeast:Standard"
}
],
"height": "stretch"
}
],
"spacing": "None",
"minHeight": "300px"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "Download Certificate",
"url": "https://neudesic.sharepoint.com/:b:/s/neudev/EWDLSQoUHQJGkM-LwPJgwhkB-qVs8nk06027geBe22MUEA?e=WzscF0",
"tooltip": "Download"
}
],
"horizontalAlignment": "Right",
"spacing": "Medium"
}
],
"msTeams": {
"width": "full"
}
}
9 Replies
- Sayali-MSFT
Microsoft
Hello rbn_neu ,
We are pleased to inform you that the bug has been fixed!
The fix has been verified in the following versions:
- Desktop Version 25211.1300.3841.5611.
Please verify on your end and confirm if everything is working as expected. If you encounter any further issues, feel free to reach out.
Thank you for your patience!- rbn_neuCopper Contributor
Hi Sayali-MSFT
This issue seems to be resolved. Existing messages are fixed as well. Will let you know if I observe anything. Thanks for the support.
- Sayali-MSFT
Microsoft
Hello rbn_neu ,
Glad to hear that your issue is resolved
We would appreciate it if you could share your valuable feedback via the Microsoft Teams Developer Community Response Feedback link?
- Sayali-MSFT
Microsoft
Hello @rbn_neu, Thank you for your patience! We were able to reproduce the issue in the Desktop Teams version [ 25162.1400.3722.696.]. We have reported this as a bug for further investigation.
We will keep you updated as soon as we receive further information. Thank you for bringing this to our attention!
- davideaurCopper Contributor
Hello Sayali-MSFT do you have estimated resolution timelines for the bug?
- rbn_neuCopper Contributor
Sayali-MSFT Thanks for looking into this issue. Also, please note the right alignment of "Download Certificate" button is not translated properly in teams. You can see this in the screen shots as well.
- Sayali-MSFT
Microsoft
@rbn_neu, Thanks for bringing this issue to our attention. We will check and update you soon.
- AurélienCopper Contributor
Hi,
I notice the same behavior on my side today.
Yesterday all was OK and since today, all "Image" type in previous sent adaptive cards are also displayed on the left instead of center :(
- davideaurCopper Contributor
Same issue on our MS Teams application.
Since a couple of days all "Image" type in adaptive cards are displayed on the left instead of center. Annoying issue to solve.
Also this behaviour is happening in all the cards that were sent in the past