Vertical scroll bar in Virtual Agent bot

[dhivyalaksh]

Hi All,
I want to introduce a vertical scroll bar in Virtual Agent. Currently there are no vertical scroll bar and the existing chats are still in place after closing the chat and it is difficult to scroll all the way up in case of checking any old chats. 

[nityabans27]

Hi @dhivyalaksh ,
I suppose you can achieve this by changing the widget and css of portal (web client).

1. Add vertical scroll bar → In the VA Web Client widget CSS, set:

   .va-conversation { 
     overflow-y: auto !important; 
     max-height: 100%; 
   }

2. Auto-scroll to latest message → In widget client controller:

   elem.scrollTop = elem.scrollHeight;

3. Stop old chats from persisting → Set system property sn_va_web_client.persistConversation = false.

👉 Result: Scroll bar appears, easy navigation to old chats, and no endless history if you disable persistence.

[dhivyalaksh]

Hi @nityabans27 ,

There is no widget named "VA Web Client", I believe I'm missing something here.

Also, I tried to change the overflow using inspect and it worked but I couldn't find the same in the widget that in which I'm checking "Virtual Agent Service Portal Widget"

Kindly let me know where I'm wrong

[dhivyalaksh]

Hi @nityabans27 ,

There is no widget named "VA Web Client", I believe I'm missing something here.

Also, I tried to change the overflow using inspect and it worked but I couldn't find the same in the widget that in which I'm checking "Virtual Agent Service Portal Widget"

Kindly let me know where I'm wrong