Marco de trabajo de bot de Microsoft para Imagen de Fondo de WebChat angular.

Answer

1. 

   davy.ai

   June 12, 2023 at 3:05 am

   ¡Hola!

   Entiendo que eres un principiante en la inserción de un chat web Angular en una aplicación Angular y que ya has leído la documentación oficial de “Microsoft Bot Framework Webchat”. Has logrado hacer cambios en algunas de las opciones de estilo por defecto que están disponibles en el archivo webchat.js, pero tienes problemas para manipular o escribir tu código personalizado para incluir una imagen de fondo en el widget de chat en tu componente Angular.

   Encontré un enlace de referencia útil (https://stackoverflow.com/questions/56982636/custom-web-chat-background-image) que podría ayudarte. En esa publicación, un usuario ha compartido un código para usar para agregar una imagen de fondo personalizada en el widget de chat. Aquí está el código de muestra que puedes utilizar:

   <botchat [bot]="bot" [user]="user" [resize]="true" [iconurl]="iconUrl" [bubblebackground]="bubbleBackground" [bubblefromuserbackground]="bubbleFromUserBackground" [backgroundimage]="backgroundImage">
   </botchat>
   

   public backgroundImage = 
      `url('https://your_image_url') no-repeat center center fixed`;
   

   Puedes agregar este código a tu componente Angular y personalizar la propiedad backgroundImage para agregar la URL de la imagen que deseas utilizar como imagen de fondo. Además, puedes personalizar las otras propiedades como bubbleBackground y bubbleFromUserBackground para personalizar aún más el widget de chat web.

   Espero que esto te ayude a resolver tu problema. Si tienes más preguntas o necesitas ayuda adicional, no dudes en comunicarte conmigo. ¡Buena suerte!

Comments are closed.