Forum Discussion
Cheeku_The_Fruit
Nov 06, 2024Copper Contributor
Teams desktop client is no longer rendering Adaptive Card colors for table elements
Hello,
Since the recent Teams update around October 20th, the Adaptive Card colors in my webhook-triggered Power Automate flows have stopped rendering correctly. The colors display as expected on iOS and in the Adaptive Card Designer, but not on the desktop or web versions of Teams. Please look at the example below.
Thank you
Desktop Client
Designer
Following is the JSON I am using:
{
"type":"message",
"attachments":[
{
"contentType":"application/vnd.microsoft.card.adaptive",
"contentUrl":None,
"content":{
"$schema":"http://adaptivecards.io/schemas/adaptive-card.json",
"type":"AdaptiveCard",
"version":"1.4",
"msteams": {
"width": "Full"
},
"body": [
{
"type": "Table",
"gridStyle": "default",
"firstRowAsHeaders": True,
"showGridLines": "true",
"columns": [
{
"width": 50
},
{
"width": 25
},
{
"width": 25
},
{
"width": 25
},
{
"width": 60
}
],
"rows": [
{
"type": "TableRow",
"style": "accent",
"cells": [
{
"type": "TableCell",
"style": "good",
"items": [
{
"type": "TextBlock",
"text": "GREEN",
"wrap": True,
"weight": "Bolder"
}
]
},
{
"type": "TableCell",
"style": "warning",
"items": [
{
"type": "TextBlock",
"text": "AMBER",
"wrap": True,
"weight": "Bolder"
}
]
},
{
"type": "TableCell",
"style": "attention",
"items": [
{
"type": "TextBlock",
"text": "RED",
"wrap": True,
"weight": "Bolder"
}
]
},
{
"type": "TableCell",
"style": "accent",
"items": [
{
"type": "TextBlock",
"text": "ACCENT",
"wrap": True,
"weight": "Bolder"
}
]
},
{
"type": "TableCell",
"style": "default",
"items": [
{
"type": "TextBlock",
"text": "DEFAULT",
"wrap": True,
"weight": "Bolder"
}
]
}
]
}
]
}
]
}
}
]
}
- EricStarkerFormer Employee
Hello! Thanks for your interest. You've posted in the Community Lounge, intended only for questions about the Microsoft Tech Community itself. I'm moving your post to theMicrosoft Teams discussion space Microsoft Teams discussion space - please post questions about Microsoft Teams there in the future. You can find it linked to on the Products tab on the top!
Or you can feel free to check out the Power Automate community if you'd prefer to post there.