Skip to main content

Notifications

Copilot Studio - General
Answered

Increase the width of message area in PVA

Posted on by 182

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.

 

 

nikviz_0-1659946854186.png

 

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.

  • fernandosilva Profile Picture
    fernandosilva 681 on at
    Re: Increase the width of message area in PVA

    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

  • Verified answer
    nikviz Profile Picture
    nikviz 182 on at
    Re: Increase the width of message area in PVA

    Found the solution


    This link helped. "sendBoxTextWrap: true"

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

Helpful resources

Quick Links

Exciting News for Copilot Studio Communi…

Get ready to experience a whole new level of engagement with the Copilot Studio…

Celebrating the May Super User of the…

LaurensM is an exceptional contributor to the Power Platform Community…

Check out the Copilot Studio Cookbook…

We are excited to announce our new Copilot Cookbook Gallery in the Community…

Leaderboard

#1
renatoromao Profile Picture

renatoromao 6,459

#2
Pstork1 Profile Picture

Pstork1 1,995

#3
Expiscornovus Profile Picture

Expiscornovus 1,700

Leaderboard