How to Enable Drag & Drop File Upload in Virtual Agent Chat on Portal?

Lion Kesler
Tera Contributor

Hi everyone,

I'm working with the Virtual Agent chat interface embedded in the Employee Center portal.

In my specific case, due to hardware constraints (a hardened device), I’m unable to open the file picker dialog (triggered by clicking the paperclip icon). The only way I can upload files is via drag and drop.

Currently, the chat window only supports file upload through the paperclip icon, which opens the native file selection dialog.

👉 Is there any supported way to enable drag-and-drop file upload directly into the chat window (e.g., dropping a file anywhere inside the chat area)?

Any documentation, workaround, or UX-level customization tips would be appreciated.

Thanks in advance!

8 REPLIES 8

SD_Chandan
Kilo Sage

Hi @Lion Kesler ,

set sys_property  glide.va.webclient.enable_attachments = true
and just ensure you're using Employee Center or Employee Center Pro.

Docs Link   You can refer to Servicenow Docs



Thank you
Chandan

Thanks! I set the property glide.va.webclient.enable_attachments = true as you suggested, and I am using Employee Center.

However, when I try to drag and drop a file into the chat window, it doesn't trigger any upload. Instead, the browser just opens the file in a new tab (as if I dropped it on a regular webpage).

Any idea if native drag & drop is supposed to work in the VA Web Client, or is there a supported way to enable it?

Thanks again!

 

GlideFather
Tera Patron

Hi @Lion Kesler,

 

do you mean drag and drop by agent in Workspace or by end user using VA?

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


by end user using VA
in Employee Center.