Adaptive Card works on emulator but not MS Teams

Question

Adaptive Card works on emulator but not MS Teams

Châu. Dương Hải 21

I described bugs in detail here https://github.com/microsoft/AdaptiveCards/issues/8065

In summary, I send the adaptive json to MS Teams, it used the image url with parameters. However, MS Teams automatically added/replaced "&" with "&" which caused the image unloaded.

The original URL: "https://image-charts.com/chart?chbr=20&chco=ed421f%7C37b84c%7CA9A9A9&chd=t%3A493%2C109%2C29&chdl=Failed%7CPassed%7CSkipped&chdlp=b&chf=a%2Cs%2C00000080&chl=78%2C1%25%7C17%2C3%25%7C4%2C6%25&chli=631&chlps=color%2CFFFFFF%7Cfont.size%2C12%7CtextStrokeWidth%2C0.5&chs=700x450&cht=pd&chtt=Revenue%20per%20month&chxl=0%3A%7CJan%7CFev%7CMar%7CAvr%7CMay&chxs=1N%2AcUSD0sz%2A%2C000000%2C14&chxt=x%2Cy"

The modified by MS Teams:

"https://image-charts.com/chart?chbr=20&chco=ed421f%7C37b84c%7CA9A9A9&chd=t%3A493%2C109%2C29&chdl=Failed%7CPassed%7CSkipped&chdlp=b&chf=a%2Cs%2C00000080&chl=78%2C1%25%7C17%2C3%25%7C4%2C6%25&chli=631&chlps=color%2CFFFFFF%7Cfont.size%2C12%7CtextStrokeWidth%2C0.5&chs=700x450&cht=pd&chtt=Revenue%20per%20month&chxl=0%3A%7CJan%7CFev%7CMar%7CAvr%7CMay&chxs=1N%2AcUSD0sz%2A%2C000000%2C14&chxt=x%2Cy"

Nivedipa-MSFT 3,646 Microsoft External Staff Moderator

@Châu. Dương Hải - We have tested this with below json card but we are getting the image correctly at our end.

{  
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",  
  "type": "AdaptiveCard",  
  "version": "1.0",  
  "body": [  
    {  
      "type": "Image",  
      "url": "https://image-charts.com/chart?chbr=20&chco=ed421f%7C37b84c%7CA9A9A9&chd=t%3A493%2C109%2C29&chdl=Failed%7CPassed%7CSkipped&chdlp=b&chf=a%2Cs%2C00000080&chl=78%2C1%25%7C17%2C3%25%7C4%2C6%25&chli=631&chlps=color%2CFFFFFF%7Cfont.size%2C12%7CtextStrokeWidth%2C0.5&chs=700x450&cht=pd&chtt=Revenue%20per%20month&chxl=0%3A%7CJan%7CFev%7CMar%7CAvr%7CMay&chxs=1N%2AcUSD0sz%2A%2C000000%2C14&chxt=x%2Cy",  
      "altText": "Cat"  
    }  
  ]  
}

Could you please share your Json card to test at our end?

Châu. Dương Hải 21 Reputation points

2022-11-25T09:49:15.063+00:00

can you get the detail from here https://github.com/microsoft/AdaptiveCards/issues/8065
the json file is https://github.com/microsoft/AdaptiveCards/files/10046028/size1.json.zip
Châu. Dương Hải 21 Reputation points

2022-11-25T10:45:12.647+00:00

FYI reference for my json template: https://learn.microsoft.com/en-us/microsoftteams/platform/webhooks-and-connectors/how-to/connectors-using?tabs=cURL#send-adaptive-cards-using-an-incoming-webhook
Nivedipa-MSFT 3,646 Reputation points Microsoft External Staff Moderator

2022-11-25T12:03:14.117+00:00

@Châu. Dương Hải - We will test this using curl and update you soon. thanks

Accepted answer

0 additional answers

Your answer

Nivedipa-MSFT 3,646 Reputation points Microsoft External Staff Moderator

2022-11-25T04:14:12.817+00:00

@Châu. Dương Hải - We have tested this with below json card but we are getting the image correctly at our end.

{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "Image", "url": "https://image-charts.com/chart?chbr=20&chco=ed421f%7C37b84c%7CA9A9A9&chd=t%3A493%2C109%2C29&chdl=Failed%7CPassed%7CSkipped&chdlp=b&chf=a%2Cs%2C00000080&chl=78%2C1%25%7C17%2C3%25%7C4%2C6%25&chli=631&chlps=color%2CFFFFFF%7Cfont.size%2C12%7CtextStrokeWidth%2C0.5&chs=700x450&cht=pd&chtt=Revenue%20per%20month&chxl=0%3A%7CJan%7CFev%7CMar%7CAvr%7CMay&chxs=1N%2AcUSD0sz%2A%2C000000%2C14&chxt=x%2Cy", "altText": "Cat" } ] }

Could you please share your Json card to test at our end?
Châu. Dương Hải 21 Reputation points

2022-11-25T09:49:15.063+00:00

can you get the detail from here https://github.com/microsoft/AdaptiveCards/issues/8065
the json file is https://github.com/microsoft/AdaptiveCards/files/10046028/size1.json.zip
Châu. Dương Hải 21 Reputation points

2022-11-25T10:45:12.647+00:00

FYI reference for my json template: https://learn.microsoft.com/en-us/microsoftteams/platform/webhooks-and-connectors/how-to/connectors-using?tabs=cURL#send-adaptive-cards-using-an-incoming-webhook
Nivedipa-MSFT 3,646 Reputation points Microsoft External Staff Moderator

2022-11-25T12:03:14.117+00:00

@Châu. Dương Hải - We will test this using curl and update you soon. thanks

Answer 1

Nivedipa-MSFT 3,646 Microsoft External Staff Moderator

@Châu. Dương Hải - We have tested this using curl and we are able to repro your issue. We have raised the bug for the same. We will keep you posted if there are any updates.

Thanks,
Nivedipa

If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.

Share via

Adaptive Card works on emulator but not MS Teams

0 additional answers

Your answer