Forum Discussion
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