Forum Discussion
Adaptive cards aren't rendering on Teams sent from Webhook
I'm trying to make an AdaptiveCard that will show some information about an outage. This JSON looks great on adaptivecards.io/designer, but everything inside the 'body' isn't rendered in Teams.
Here is an image of what appears when I try to call the webhook.
And here's what it looks like on adaptivecards.io
{
"text": "Datto Alert Raise on [device_hostname] [device_description] | [site_name]",
"fallbackText": "Datto Alert Resolve on [device_hostname] [device_description] | [site_name]",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"size": "default",
"weight": "default",
"color": "default",
"text": "Datto"
},
{
"type": "TextBlock",
"text": "New Datto RMM alert",
"wrap": true
},
{
"type": "TextBlock",
"text": "New alert on [device_hostname] [device_description] | [site_name]",
"wrap": true,
"size": "Medium",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "IP address: [device_ip] | Last user: [lastuser]",
"wrap": true,
"color": "Dark"
},
{
"type": "FactSet",
"facts": [
{
"title": "Category:",
"value": "[alert_category]"
},
{
"title": "Description:",
"value": "[alert_message]"
}
]
}
],
"actions": [
{
"type": "Action.OpenUrl",
"title": "New UI View Device",
"url": "https://[platform]rmm.centrastage.net/device/[device_id]/[device_hostname]"
},
{
"type": "Action.OpenUrl",
"title": "Old UI View Device",
"url": "https://zinfandel.centrastage.net/csm/device/summary/[device_id]"
},
{
"type": "Action.OpenUrl",
"title": "New UI View Alert",
"url": "https://[platform]rmm.centrastage.net/alert/[alert_uid]"
},
{
"type": "Action.OpenUrl",
"title": "New UI Web Remote",
"url": "https://[platform].centrastage.net/csm/remote/rto/[device_id]"
},
{
"type": "Action.OpenUrl",
"title": "New UI View Site",
"url": "https://[platform]rmm.centrastage.net/site/[site_id]"
}
]
}
NateW345, we tried with below JSON format and the card is rendered correctly. Could you please try this out?
{ "type": "message", "attachments": [ { "contentType": "application/vnd.microsoft.card.adaptive", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.3", "content": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "size": "default", "weight": "default", "color": "default", "text": "Datto" }, { "type": "TextBlock", "text": "New Datto RMM alert", "wrap": true }, { "type": "TextBlock", "text": "New alert on [device_hostname] [device_description] | [site_name]", "wrap": true, "size": "Medium", "weight": "Bolder" }, { "type": "TextBlock", "text": "IP address: [device_ip] | Last user: [lastuser]", "wrap": true, "color": "Dark" }, { "type": "FactSet", "facts": [ { "title": "Category:", "value": "[alert_category]" }, { "title": "Description:", "value": "[alert_message]" } ] } ], "actions": [ { "type": "Action.OpenUrl", "title": "New UI View Device", "url": "https://[platform]rmm.centrastage.net/device/[device_id]/[device_hostname]" }, { "type": "Action.OpenUrl", "title": "Old UI View Device", "url": "https://zinfandel.centrastage.net/csm/device/summary/[device_id]" }, { "type": "Action.OpenUrl", "title": "New UI View Alert", "url": "https://[platform]rmm.centrastage.net/alert/[alert_uid]" }, { "type": "Action.OpenUrl", "title": "New UI Web Remote", "url": "https://[platform].centrastage.net/csm/remote/rto/[device_id]" }, { "type": "Action.OpenUrl", "title": "New UI View Site", "url": "https://[platform]rmm.centrastage.net/site/[site_id]" } ] } } ] }Thanks,
Prasad Das
------------------------------------------------------------------------------------------
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.
Prasad_Das-MSFTMicrosoft
NateW345 , thanks for raising your issue. Could you please let us know how you are sending the webhook notification? Are you using workflow or sending via POSTMAN?
We're using Datto, which is an IT Software for monitoring computers. However, I'm testing with 'curl' on my debian distro. In both cases, neither is working.
Here's my curl command.
curl -X POST "https://*webhook*" -H "Content-Type: application/json" -d @msg.json- Prasad_Das-MSFT
NateW345, we tried with below JSON format and the card is rendered correctly. Could you please try this out?
{ "type": "message", "attachments": [ { "contentType": "application/vnd.microsoft.card.adaptive", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.3", "content": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "size": "default", "weight": "default", "color": "default", "text": "Datto" }, { "type": "TextBlock", "text": "New Datto RMM alert", "wrap": true }, { "type": "TextBlock", "text": "New alert on [device_hostname] [device_description] | [site_name]", "wrap": true, "size": "Medium", "weight": "Bolder" }, { "type": "TextBlock", "text": "IP address: [device_ip] | Last user: [lastuser]", "wrap": true, "color": "Dark" }, { "type": "FactSet", "facts": [ { "title": "Category:", "value": "[alert_category]" }, { "title": "Description:", "value": "[alert_message]" } ] } ], "actions": [ { "type": "Action.OpenUrl", "title": "New UI View Device", "url": "https://[platform]rmm.centrastage.net/device/[device_id]/[device_hostname]" }, { "type": "Action.OpenUrl", "title": "Old UI View Device", "url": "https://zinfandel.centrastage.net/csm/device/summary/[device_id]" }, { "type": "Action.OpenUrl", "title": "New UI View Alert", "url": "https://[platform]rmm.centrastage.net/alert/[alert_uid]" }, { "type": "Action.OpenUrl", "title": "New UI Web Remote", "url": "https://[platform].centrastage.net/csm/remote/rto/[device_id]" }, { "type": "Action.OpenUrl", "title": "New UI View Site", "url": "https://[platform]rmm.centrastage.net/site/[site_id]" } ] } } ] }Thanks,
Prasad Das
------------------------------------------------------------------------------------------
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.
