Mostrar imágen Base64 en Adaptive Cards al hacer post de un mensaje en Teams

Si al intentar añadir una imágen en el JSON de una Adaptive Card para enviar como mensaje en Teams no se renderiza (usando el data:image en la url de la imágen), puede ser por el tamaño máximo permitido en el JSON de la adaptive card (28kb en la fecha de creación de este post), pero …

Sigue leyendo Mostrar imágen Base64 en Adaptive Cards al hacer post de un mensaje en Teams

Viva Connections IV: Navegar entre vistas en QuickView

Artículos anteriores Viva Connections I: Adaptive Card Extension (ACE)Viva Connections II: CardViewViva Connections III: QuickView Ya hemos visto como las CardView son bastante restrictivas en cuanto a personalizaciones y las QuickView nos permiten aplicar nuestra propia Adaptive Card. Pero es posible tambien interactuar en esta Adaptive Card y navegar entre varias vistas (Por ejemplo, una …

Sigue leyendo Viva Connections IV: Navegar entre vistas en QuickView

Viva Connections III: QuickView

Artículos anteriores Viva Connections I: Adaptive Card Extension (ACE)Viva Connections II: CardView QuickView es un componente similar al CardView, pero en este caso podemos específicar que Adaptive Card queremos utilizar y que propiedades vamos a definir. Además de los métodos en los que trabajar tenemos una interfaz a declarar para definir los datos que utilizaremos. …

Sigue leyendo Viva Connections III: QuickView

Viva Connections II: CardView

Artículos anteriores Viva Connections I: Adaptive Card Extension (ACE) CardView es un componente específico que nos permite configurar la información a mostrar en el dashboard. Funciona internamente con una Adaptive Card que no podemos modificar y tiene unos métodos específicos para desarrollar: cardButtons() Este método nos permite configurar los botones que apareceran en la zona …

Sigue leyendo Viva Connections II: CardView

Viva Connections I: Adaptive Card Extension (ACE)

Las Adaptive Card Extensions (ACEs) son un nuevo componente de SPFx que nos permite centrarnos en la lógica de negocio y delegar el diseño a las ya existentes Adaptive Cards. Estas ACEs son utilizadas dentro del Dashboard de Viva Connections. El resultado es un dashboard en el que tendremos diversas tarjetas que nos muestran información …

Sigue leyendo Viva Connections I: Adaptive Card Extension (ACE)

Añadir estilos en un WebPart SPFx para los temas de Teams (Default, Dark, High Contrast)

Primero debemos añadir un bloque de código a ejecutar en el inicio de nuestro componente que se encargará de añadir un parametro que nos permitirá identificar en que tema estamos. Utilizaremos el contexto actual (puede ser this.context, this.props.context, props.context... dependiendo de cómo desarrolleis el componente). En mi caso trabajamos con React Function Components, y pasamos …

Sigue leyendo Añadir estilos en un WebPart SPFx para los temas de Teams (Default, Dark, High Contrast)