Forum Discussion

Cheeku_The_Fruit's avatar
Cheeku_The_Fruit
Copper Contributor
Nov 06, 2024

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"
                                            }
                                        ]
                                        }
                                    ]
                                }  
                            
                            ]
                        }
                        
                    ]
                }
            }
		]
	}

 

  • 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.

     

Resources