Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Display Adaptive Card Carousels

Abierto
#144 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
25/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Comienza con la configuración de Dynamic Card y el ejemplo de carrusel de JavaScript que se muestran en el issue; después, reproduce el resultado de una tarjeta vacía con Adaptive Cards. Compara el payload de Adaptive Card con la configuración anterior de Hero Card y verifica que se haya completado mostrando el contenido de tarjeta asignado en el Carousel o documentando la alternativa compatible.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Hi,

I have been using Dynamic Card attached to a Statement in a Scenario to generate a list of Hero Cards and display them in a Carousel layout, which works fine.

I am now trying to switch the Hero Cards with Adaptive Cards but just seeing empty cards returned in the Carousel. Am I missing something or should I look for an alternate way of implementing this? Appreciate any pointers.

Below is what I have tried so far:

Image

Image

(function(){
  var data = ${doctorsList};
  var cards = data.map(function(item) {
    return {
      type: "AdaptiveCard",
      version: "1.5",
      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: "TextBlock",
          text: item.subtitle,
          weight: "bolder",
          wrap: true,
          isSubtle: true
        },
       {
          type: "TextBlock",
          text: item.location,
          weight: "bolder",
          wrap: true,
          isSubtle: true
        }
           ]
      },
    {
      type: "ActionSet",
      actions: [
        {
          type: "Action.OpenUrl",
          title: "View Profile & Schedule",
          url: item.buttonUrl,
          id: item.buttonId
        }
      ]
    }
  ]
  }
});
  return cards;
})();

And below is what I had before inside the Dynamic Card:

(function(){
    var doctors = [];
    for (var i =0 ; i < ${doctors}.count; i++) {
        doctors.push(new builder.HeroCard()
            .title(${doctors}._result[i].title)
            .subtitle(${doctors}._result[i].specialty)
            .text(${doctors}._result[i].location)
            .images([builder.CardImage.create(session,${doctors}._result[i].image_url)])
            .buttons([builder.CardAction.openUrl(session,${doctors}._result[i].url,'View Profile')])
        
        );
    }
    return doctors;
    })()
Lenguaje dominante
JavaScript
Estrellas
114
Forks
238
Merge medio
5 min
PR fusionados (30 d)
2

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de microsoft/HealthBotContainerSample

Todos los issues de microsoft/HealthBotContainerSample

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.