[Authoring] $if conditional does not work on text color

Problem Description

I am unable to switch the text color with an $if conditional. The error I get is

[Parse] Invalid value “${if(priceChange >= 0, ‘good’, ‘attention’)}” for property “color”.

Card JSON

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.5",
    "body": [
        {
            "type": "Container",
            "items": [
                {
                    "type": "TextBlock",
                    "text": "THIS IS A TEST ${priceChange}",
                    "wrap": true,
                    "color": "${if(priceChange >= 0, 'good', 'attention')}"
                }
            ]
        }
    ]
}




Data.json
{
    "priceChange": 4
}

Screenshot

[anna-dingler]

Hey @g138,

The templating expressions are evaluated using our adaptivecards-templating package (https://www.npmjs.com/package/adaptivecards-templating). Templates are expanded using the templating package, and then the resulting card is parsed by the Adaptive Cards library.

Since the template you provided works in the designer, there is a chance that PowerAutomate doesn’t use the templating library. I would reach out to them here to see if they have any information on this.

[g138]

Thanks, @anna-dingler for the response, using the library solved my issue on the node side, separate from this preview mode helped to see the change on the adaptivecard.io

var ACData = require('adaptivecards-templating');

let cardJson = {
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.3",
    "body": [
          {
                "type": "TextBlock",
                "size": "Medium",
                "weight": "Bolder",
                "text": "${number}",
                "color": "${if(number > 0, 'good', 'attention')}"
          }
    ]
}

let finalCardJson = cardJson.expand({
        $root: {
            number: 10
        },
})