Cambiar el tamaño de la ventana del chat de IA

Ajusta el tamaño de la ventana del chat de IA según tus preferencias. Ajusta el ancho o la altura para ampliar la vista de la conversación, centrarte en las respuestas detalladas u optimizar el espacio en pantalla sin interrumpir tu flujo de trabajo.

Procedimiento

  1. Dependiendo de tu producto, accede a la carpeta orderhub-code o callcenter-code a la carpeta.
  2. Ve a un shell-ui/assets directorio o créalo.
  3. Ve al directorio o crea un app-bootstrap-config.json archivo en él shell-ui/assets .
    El archivo tal y como se suministra app-bootstrap-config.json incluye la siguiente configuración.
    layout: {
      resizable: {
        width: false,       // Enable/disable width resizing
        height: false,      // Enable/disable height resizing
        minWidth: "40%",    // Minimum width when resized
        maxWidth: "90%",    // Maximum width when resized
        minHeight: "40%",   // Minimum height when resized
        maxHeight: "90%"    // Maximum height when resized
      }
    }
  4. Para cambiar el tamaño de la ventana del chat de IA, modifica los valores del app-bootstrap-config.json archivo.
    Por ejemplo, activa el ancho y ajusta la altura de la siguiente manera.
    layout: {
      resizable: {
        width: true,
        height: true,
        minWidth: "40%",
        maxWidth: "90%",
        minHeight: "30%",
        maxHeight: "80%"
      }
    }
    Nota: Para adaptarse a los distintos requisitos de la interfaz de usuario, puedes ajustar el ancho y la altura de forma independiente. Por ejemplo, para aumentar la altura de la vista del chat, ajusta la altura. Asegúrate de que los valores mínimo y máximo sean lógicamente coherentes; por ejemplo, el minHeight debe ser menor que el maxHeight.
  5. Guarde el archivo.
  6. Comprueba que la ventana del chat con IA se muestra tal y como esperabas.