Forum Discussion

akuchuri's avatar
akuchuri
Copper Contributor
Jan 13, 2025

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

Resources