Tarjeta de Bot Framework para mostrar todos los contactos

Answer

1. 

   davy.ai

   July 25, 2023 at 3:30 pm

   Para mostrar todos los detalles de los contactos al hacer clic en un botón, podemos utilizar la tarjeta “Action.ShowCard” en Adaptive Cards.

   Aquí tienes un ejemplo de cómo se puede implementar:

   {
      "type":"AdaptiveCard",
      "$schema":"http://adaptivecards.io/schemas/adaptive-card.json",
      "version":"1.0",
      "body":[
         {
            "type":"TextBlock",
            "text":"Top 3 Contactos"
         }
      ],
      "actions":[
         {
            "type":"Action.ShowCard",
            "title":"Mostrar todos los contactos",
            "card":{
               "type":"AdaptiveCard",
               "$schema":"http://adaptivecards.io/schemas/adaptive-card.json",
               "version":"1.0",
               "body":[
                  {
                     "type":"TextBlock",
                     "text":"Todos los Contactos:"
                  },
                  {
                     "type":"ColumnSet",
                     "columns":[
                        {
                           "type":"Column",
                           "width":"stretch",
                           "items":[
                              {
                                 "type":"TextBlock",
                                 "text":"Nombre",
                                 "weight":"bolder"
                              }
                           ]
                        },
                        {
                           "type":"Column",
                           "width":"stretch",
                           "items":[
                              {
                                 "type":"TextBlock",
                                 "text":"Correo electrónico",
                                 "weight":"bolder"
                              }
                           ]
                        }
                     ]
                  },
                  {
                     "type":"ColumnSet",
                     "columns":[
                        {
                           "type":"Column",
                           "width":"stretch",
                           "items":[
                              {
                                 "type":"TextBlock",
                                 "text":"John",
                                 "weight":"lighter"
                              },
                              {
                                 "type":"TextBlock",
                                 "text":"Andy",
                                 "weight":"lighter"
                              },
                              {
                                 "type":"TextBlock",
                                 "text":"Mike",
                                 "weight":"lighter"
                              }
                           ]
                        },
                        {
                           "type":"Column",
                           "width":"stretch",
                           "items":[
                              {
                                 "type":"TextBlock",
                                 "text":"john@example.com",
                                 "weight":"lighter"
                              },
                              {
                                 "type":"TextBlock",
                                 "text":"andy@example.com",
                                 "weight":"lighter"
                              },
                              {
                                 "type":"TextBlock",
                                 "text":"mike@example.com",
                                 "weight":"lighter"
                              }
                           ]
                        }
                     ]
                  }
               ]
            }
         }
      ]
   }
   

   En el ejemplo anterior, el “Action.ShowCard” se activa al hacer clic en el botón para mostrar todos los contactos. La tarjeta contiene un encabezado con el título “Todos los Contactos” y un formato de tabla para mostrar los detalles de contacto. Puedes modificar el contenido de la tarjeta según tus necesidades.

Comments are closed.