Increase the width of message area in PVA

[nikviz]

Hello

Is there a way in which the width of the message area in PVA can be increased (highlighted in red).

I am forcing users to type more details, so want the width of the text area to be a bit more. I did play around with https://docs.microsoft.com/en-us/power-virtual-agents/customize-default-canvas but still not able to increase the window.

Any help/link would be helpful.

Edit:

I did try  const styleOptions = {
// Add styleOptions to customize web chat canvas
sendBoxHeight: 300,
sendBoxMaxHeight: 2000

} to increase the send box width, however, the text isn't getting contained in the box.

[nikviz · Accepted solution]

Found the solution

This link helped. "sendBoxTextWrap: true"

https://github.com/microsoft/BotFramework-WebChat/blob/main/packages/api/src/defaultStyleOptions.ts

[fernandosilva]

Hi @nikviz ,

If you use the chat canvas (https://docs.microsoft.com/en-us/power-virtual-agents/customize-default-canvas), you can define any width through css.

Cheers,

Fernando