Forum Discussion
akuchuri
Jan 13, 2025Copper Contributor
Using Adaptive Cards to display carousels in Health Bot
Can we attach an array of Adaptive Cards using the Dynamic Card, to display as Carousel?
I am trying to do something like below in a Dynamic Card, but it just displays empty cards in the carousel.
(function(){
var data = ${dataList};
var cards = data.map(function(item) {
return {
type: "AdaptiveCard",
$schema: "http://adaptivecards.io/schemas/adaptive-card.json",
version: "1.3",
body: [
{
type: "Container",
isVisible: true,
items: [
{
type: "Image",
style: "person",
url: item.imageUrl,
altText: item.imageAltText,
size: "medium"
},
{
type: "TextBlock",
text: item.title,
weight: "bolder",
size: "medium",
wrap: true
}
]
},
{
type: "ActionSet",
actions: [
{
type: "Action.OpenUrl",
title: "View Profile",
url: item.buttonUrl,
id: item.buttonId
}
]
}
]
}
});
return cards;
})();
${dataList} is an array of objects with properties imageUrl, imageAltText, title, buttonUrl and buttonId.
I came across documentation on how to implement this in Copilot Studio - https://learn.microsoft.com/en-us/microsoft-copilot-studio/guidance/adaptive-card-display-carousels
Do we have any documentation available for Health Bot as well?
Appreciate any guidance !!
Thanks,
Abhilash
No RepliesBe the first to reply