Increase width of the Virtual Agent chat

[Joseph Warner]

How to increase the width of the chat window for the Virtual Agent? Is it possible to do this both in a portal and in the Virtual Agent Designer Preview/Test?

[Raj_Esh · Accepted solution]

Hi Joseph,

Please refer the following link:

Changing the Service Portal Virtual Agent widget CSS properties (height, width, icon, etcetera)

Hope this helps.

Thanks,

Raj

[Joseph Warner]

This article eventually led me to the right place for my task. I decided to increase the width of the default widget in SP, rather than cloning the widget. Beware this will impact all pages in the portal.

Service Portal > Widgets > Virtual Agent Service Portal Widget (sn-va-sp-widget)

CSS Section > $window-width: 375px;

This was the number I needed to increase. Beware that this value is referenced by the sn-connect-floating-wrapper class in 2 places: Once inside .sn-connect-floating, and once inside the Mobile section @media (max-width: 425px).

[EB8]

When I change the size of the VA the increase will show up on EDIT but not on Preview of the portal.

Any Idea?

[Joseph Warner]

That is correct. I also noticed that the increased width will not appear in the Preview. I did not research how to modify the width in Preview, since this was not a requirement for me.