Small and medium business | Business Central, N...

Adaptive Card Not Showing

(7) Share

Report

Posted on by Yash Mistry

123

Currently, I'm new to Adaptive Cards. I have created an Adaptive Card for Outlook that allows users to change item prices via email. It works properly in my Outlook inbox, but when I send it to others, it doesn't show a preview. Can anyone suggest a solution for this?

Categories:

Dynamics 365 Business Central

I have the same question (0)

All responses (7)

Answers (0)

Holly Huffman 6,530 Super User 2025 Season 2 on at

Like (2)

Report
Hi there! Good morning, evening, or afternoon - depending on where you are :) Hope you are well today!

Ensure Actionable Messages Are Enabled:

Adaptive Cards in Outlook rely on Actionable Messages. Verify that the recipients' email environments support Actionable Messages. For example:

They should be using a supported version of Outlook (e.g., Outlook 2016 or later, Outlook on the web, or Outlook mobile).

Their organization’s admin settings should allow Actionable Messages.

Check the Card's Schema Version:

Ensure that your Adaptive Card uses a schema version supported by all recipients' Outlook clients. The latest schema version might not be compatible with older Outlook versions. You can specify the schema version in your JSON payload, like this:
json
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.2"
}

Validate the Card JSON:

Use the Adaptive Cards Designer to validate your card's JSON. This tool can help identify any errors or unsupported elements in your card.

Test in Different Environments:

Send the card to a test group with varied Outlook environments (desktop, web, mobile) to identify where the issue occurs. This can help pinpoint whether the problem is related to specific clients or settings.

Check Organizational Policies:

Some organizations have policies that block Actionable Messages or restrict external senders. If you're sending the card from outside the recipients' organization, this could be the issue. You may need to work with their IT admin to whitelist your domain or email address.

Use the Actionable Messages Debugger:

Microsoft provides an Actionable Messages Debugger add-in for Outlook. This tool can help diagnose rendering issues and provide insights into why the card isn't displaying correctly.

Was this reply helpful? Yes No
Ramesh Kumar 7,527 Super User 2025 Season 2 on at

Like (2)

Report

Hi,

Please make sure to check setups are right and is user internal or external user.

https://learn.microsoft.com/en-ca/dynamics365/business-central/admin-outlook

https://learn.microsoft.com/en-us/dynamics365/business-central/dev-itpro/developer/devenv-dev-faq-teams

Thanks

Ramesh

If this was helpful, please check the "Does this answer your question?" box and mark it as verified.

Was this reply helpful? Yes No
Suggested answer

YUN ZHU 95,331 Super User 2025 Season 2 on at

Like (1)

Report

Hi, hope the following helps as well.

Business Central 2022 wave 2 (BC21) new features: Share to Teams action now includes link preview

https://yzhums.com/30294/

Business Central 2023 wave 1 (BC22) new features: Use Power Automate to post adaptive card or link to Business Central record (Get url & Get adaptive card action)

https://yzhums.com/36026/

Thanks.

ZHU

Was this reply helpful? Yes No
Suggested answer

Jainam M. Kothari 15,631 Super User 2025 Season 2 on at

Like (2)

Report
Hello,

Here are a few steps you can take to troubleshoot and resolve this problem:

Ensure Actionable Messages Are Enabled: Adaptive Cards rely on Actionable Messages. Verify that the recipients' email environments support Actionable Messages. They should be using a supported version of Outlook (e.g., Outlook 2016 or later, Outlook on the web, or Outlook mobile) and their organization's admin settings should allow Actionable Messages.

Check the Card's Schema Version: Make sure your Adaptive Card uses a schema version supported by all recipients' Outlook clients. The latest schema version might not be compatible with older Outlook versions. You can specify the schema version in your JSON payload, like this:

{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.2"
}

Validate the Card JSON: Use the Adaptive Cards Designer to validate your card's JSON. This tool can help identify any errors or unsupported elements in your card.

Test in Different Environments: Send the card to a test group with varied Outlook environments (desktop, web, mobile) to identify where the issue occurs. This can help pinpoint whether the problem is related to specific clients or settings.

Check Organizational Policies: Some organizations have policies that block Actionable Messages or restrict external senders. If you're sending the card from outside the recipients' organization, this could be the issue. You may need to work with their IT admin to whitelist your domain or email address.

Use the Actionable Messages Debugger: Microsoft provides an Actionable Messages Debugger add-in for Outlook. This tool can help diagnose rendering issues and provide insights into why the card isn't displaying correctly.

May this can help : https://www.youtube.com/watch?v=x5IXd-g8OXw

Was this reply helpful? Yes No
Yash Mistry 123 on at

Like (2)

Report
So let me Clarify.

I am sending the cards via Microsoft Power Automate. However, I am facing an issue: when I send the Adaptive Card to my own ID (where the sender and receiver are the same), it works properly. But when I send it to a third person, it shows "No preview available."

I am using a script in the body of the Automate trigger to send an email via Outlook.

Was this reply helpful? Yes No
Suggested answer

Khushbu Rajvi. 20,275 Super User 2025 Season 2 on at

Like (3)

Report

Hope this helps as well: https://answers.microsoft.com/en-us/outlook_com/forum/all/adaptive-cards-content-is-not-displayed-properly/4ba989b1-c064-4aaa-a020-2f95ca807a37

Was this reply helpful? Yes No
CU07120528-0 2 on at

Like (0)

Report

the adaptive card not rendring on mobile only coming to desktop

{
"$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"text": "!!!headerText!!!",
"wrap": true,
"size": "Large",
"weight": "Bolder",
"id": "card-title"
},
{
"type": "TextBlock",
"text": "!!!descriptionText!!!",
"wrap": true,
"id": "card-description",
"spacing": "Small"
},
{
"type": "Container",
"style": "emphasis",
"separator": true,
"spacing": "Medium",
"items": [
{
"type": "TextBlock",
"text": "!!!accountName!!!",
"wrap": true,
"weight": "Bolder",
"size": "Medium",
"id": "account-name"
},
{
"type": "TextBlock",
"text": "Account",
"wrap": true,
"isSubtle": true,
"spacing": "None"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Approved Pass Total",
"wrap": true,
"size": "Small",
"isSubtle": true
},
{
"type": "TextBlock",
"text": "!!!approvedPassTotal!!!",
"wrap": true,
"spacing": "None",
"id": "account-approved-pass-total",
"weight": "Bolder"
}
],
"verticalContentAlignment": "Bottom"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Total Passes Allowed",
"wrap": true,
"isSubtle": true,
"size": "Small"
},
{
"type": "TextBlock",
"text": "!!!totalPassesAllowed!!!",
"wrap": true,
"spacing": "None",
"id": "account-allowed-pass-total",
"weight": "Bolder"
}
],
"verticalContentAlignment": "Bottom"
}
]
},
{
"type": "Container",
"spacing": "Medium",
"separator": true,
"items": [
{
"type": "Container",
"targetWidth": "VeryNarrow",
"items": [
{
"type": "FactSet",
"facts": [
{ "title": "Account Number", "value": "!!!accountNumber!!!" },
{ "title": "Total ACV Number", "value": "!!!totalACV!!!" },
{ "title": "Open Pipeline", "value": "!!!openPipeline!!!" },
{ "title": "Marquee Account", "value": "!!!marqueeAccount!!!" }
]
}
]
},
{
"type": "Container",
"targetWidth": "Narrow",
"items": [
{
"type": "Container",
"items": [
{ "type": "TextBlock", "text": "Account Number", "isSubtle": true, "spacing": "Small" },
{ "type": "TextBlock", "text": "!!!accountNumber!!!", "weight": "Bolder", "spacing": "None" },
{ "type": "TextBlock", "text": "Total ACV Number", "isSubtle": true, "spacing": "Medium" },
{ "type": "TextBlock", "text": "!!!totalACV!!!", "weight": "Bolder", "spacing": "None" },
{ "type": "TextBlock", "text": "Open Pipeline", "isSubtle": true, "spacing": "Medium" },
{ "type": "TextBlock", "text": "!!!openPipeline!!!", "weight": "Bolder", "spacing": "None" },
{ "type": "TextBlock", "text": "Marquee Account", "isSubtle": true, "spacing": "Medium" },
{ "type": "TextBlock", "text": "!!!marqueeAccount!!!", "weight": "Bolder", "spacing": "None" }
]
}
]
},
{
"type": "Container",
"targetWidth": "Standard",
"items": [
{
"type": "ColumnSet",
"spacing": "Small",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Account Number", "isSubtle": true, "wrap": true },
{ "type": "TextBlock", "text": "!!!accountNumber!!!", "wrap": true }
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Total ACV Number", "isSubtle": true, "wrap": true },
{ "type": "TextBlock", "text": "!!!totalACV!!!", "wrap": true }
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Open Pipeline", "isSubtle": true, "wrap": true },
{ "type": "TextBlock", "text": "!!!openPipeline!!!", "wrap": true }
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Marquee Account", "isSubtle": true, "wrap": true },
{ "type": "TextBlock", "text": "!!!marqueeAccount!!!", "wrap": true }
]
}
]
}
]
},
{
"type": "Container",
"targetWidth": "Wide",
"items": [
{
"type": "ColumnSet",
"spacing": "Small",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Account Number", "isSubtle": true },
{ "type": "TextBlock", "text": "!!!accountNumber!!!" }
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Total ACV Number", "isSubtle": true },
{ "type": "TextBlock", "text": "!!!totalACV!!!" }
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Open Pipeline", "isSubtle": true },
{ "type": "TextBlock", "text": "!!!openPipeline!!!" }
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{ "type": "TextBlock", "text": "Marquee Account", "isSubtle": true },
{ "type": "TextBlock", "text": "!!!marqueeAccount!!!" }
]
}
]
}
]
}
]
}
]
},

{
"type": "TextBlock",
"text": "Recommended Contacts",
"weight": "Bolder",
"size": "Large",
"spacing": "Medium"
},

{
"type": "Container",
"items": !!!rows!!!
}

],

"actions": [
{
"type": "Action.Submit",
"title": "Confirm selected contacts",
"id": "contact",
"style": "positive",
"data": {
"payload": { "_start_conversation": true },
"action_name": "contact",
"action_identifier": "1df8001993eb261058c03f8efaba10ca_contact"
}
}
]
}
let me provide row variable

_buildContactRows: function(repSysId, eventID, passTypeID, accountID) {

// --- (Your existing GlideRecord and variable setup) ---
var repEmail = "";
// ... (rest of the setup logic remains unchanged) ...
var userGr = new GlideRecord("sys_user");
if (userGr.get(repSysId)) {
repEmail = userGr.getValue("email");
}

var displayLimit = 0;
var grPass = new GlideRecord("u_reg_code_passes");
if (grPass.get(passTypeID)) {
displayLimit = parseInt(grPass.getValue("u_contact_recommendation_display_count"), 10) || 0;
}

var gr = new GlideRecord("u_reg_code_recommendation");
gr.addQuery("u_account_sales_rep_email", repEmail);
gr.addQuery("u_account", accountID);
gr.addQuery("u_recommended_nomination_program", passTypeID);
gr.addQuery("u_recommended_event", eventID);
gr.addQuery("u_nominated", false);

gr.setLimit(displayLimit);
gr.orderBy("u_contact_engagement_score");
gr.query();

var rows = [];
var contacts = [];
var itr = 0;

while (gr.next()) {
itr = itr + 1;

var contactSysId = gr.getValue("u_contact") || "";
var contactName = "";

if (contactSysId) {
var contactGR = new GlideRecord("sales_contact");
if (contactGR.get(contactSysId)) {
contactName = contactGR.getValue("name");
}
}

var jobTitle = gr.getValue("u_contact_job_title");
var justification = gr.getValue("u_justification_gen_ai_summary");

var toggleId = "contact_" +
itr + "|" +
contactName + "|" +
justification + "|" +
passTypeID + "|" +
contactSysId + "|" +
eventID + "|" +
accountID;

contacts.push({
name: contactName,
title: jobTitle,
toggleId: toggleId
});
}

// --- REUSABLE CONTACT BLOCK FUNCTION ---
// This function builds the single, stable contact card structure (1-up vertical details)
var buildContactBlock = function(contact) {
if (!contact) return null;

var inputToggle = {
"type": "Input.Toggle", // Use Input.Toggle for checkbox/switch
"title": "",
"value": "false",
"id": contact.toggleId,
"valueOn": "true",
"valueOff": "false",
"data": { /* Use your actual data here */ }
};

return {
"type": "Container",
"showBorder": true,
"roundedCorners": true,
"style": "emphasis",
"items": [
// Row 1: Name/Title/Toggle
{
"type": "ColumnSet",
"columns": [{
"type": "Column",
"width": "auto",
"items": [{ "type": "Icon", "name": "Person", "size": "Small" }]
},
{
"type": "Column",
"width": "stretch",
"items": [{
"type": "TextBlock",
"text": contact.name,
"weight": "Bolder",
"wrap": true
},
{ "type": "TextBlock", "text": contact.title || "", "wrap": true, "spacing": "None", "isSubtle": true }
]
},
{
"type": "Column",
"width": "auto",
"horizontalAlignment": "Right",
"items": [{
// Use Input.Toggle wrapped in a Column to achieve the desired alignment
"type": "Container",
"verticalContentAlignment": "Center",
"items": [inputToggle]
}]
}
]
},

// Row 2: Executive Contact (Vertical Stacked Detail)
{
"type": "ColumnSet",
"spacing": "Small",
"separator": true,
"columns": [{
"type": "Column",
"width": "auto",
"items": [{ "type": "Icon", "name": "Briefcase", "size": "xSmall" }]
},
{ "type": "Column", "width": "stretch", "items": [{ "type": "TextBlock", "text": "Executive Contact", "size": "Small", "spacing": "None" }] }
]
},

// Row 3: High Engagement (Vertical Stacked Detail)
{
"type": "ColumnSet",
"spacing": "ExtraSmall",
"columns": [{
"type": "Column",
"width": "auto",
"items": [{ "type": "Icon", "name": "CalendarArrowCounterclockwise", "size": "xSmall" }]
},
{ "type": "Column", "width": "stretch", "items": [{ "type": "TextBlock", "text": "High Engagement", "size": "Small", "spacing": "None" }] }
]
}
]
};
};

// --- 1. MOBILE LAYOUT (atMost:Narrow) - VERTICAL STACK (1-UP) ---
for (var i = 0; i < contacts.length; i++) {
var contact = contacts[i];

rows.push({
"type": "Container",
"targetWidth": "atMost:Narrow", // Only visible on mobile/narrow screens
"spacing": "Medium",
"items": [buildContactBlock(contact)] // Pushes one card per row
});
}

// --- 2. DESKTOP/TABLET LAYOUT (atLeast:Standard) - SIDE-BY-SIDE (2-UP) ---
for (var i = 0; i < contacts.length; i += 2) {
var contact1 = contacts[i];
var contact2 = contacts[i + 1];

var columnSetItems = [];

// Column 1 (First Contact)
if (contact1) {
columnSetItems.push({
"type": "Column",
"width": "stretch",
"items": [buildContactBlock(contact1)] // Reuses the stable block
});
}

// Column 2 (Second Contact)
if (contact2) {
columnSetItems.push({
"type": "Column",
"width": "stretch",
"items": [buildContactBlock(contact2)] // Reuses the stable block
});
} else if (columnSetItems.length === 1) {
// Add an empty column if needed
columnSetItems.push({ "type": "Column", "width": "stretch", "items": [] });
}

// Push the side-by-side structure
if (columnSetItems.length > 0) {
rows.push({
"type": "ColumnSet", // Use ColumnSet to enforce 2-up alignment
"targetWidth": "atLeast:Standard", // Only visible on desktop/tablet
"spacing": "Medium",
"columns": columnSetItems
});
}
}

return rows;
}. script include function of servicenow includes contact row variable wit adaptive card code ... let me know any one has inputs on same on same

Was this reply helpful? Yes No