Hi,
I am using Forge Reactive Multiple File Upload and currently implementing the logic according to Solution A in the attached image. I want to simplify the file upload area by implementing Solution B, which means dragging and dropping files directly onto the table instead of the Drop Zone area.
Is there any method to achieve this without modifying the logic or the UI of Forge? Please assist me.
Thank you!
Hi NGUYEN DUC THOAN,You can use Upload Widget and make the visibility to False, wrap it in a action, in which you will use BootStrap Server Action to upload the files you want to, and refreshing the aggregate.Creating a table - set Show Header - No, and create a custom header with sorting as well.Use a JavaScript on OnReady to bind the Upload Widget to the Table(in which you are showing the data). So now when you will either click on the table, you can select a file to upload, also when you drag and drop the sheet required to be uploaded on the table, it will run the BootStrap data and then refresh the table. Updating the aggregate with the data you provided through the sheet.Summary - There will be two actions,1. OnReady, where JS is written to bind the table and the Upload Widget.2. UploadOnChange, runs when you drag and drop or select a file by clicking the table, where the data will be bootstrapped to the Aggregate.I hope this will fix your problem.Thanks Jayesh
Hi @Jayesh Sharma ,
Thanks for your suggestion!
As I mentioned, I'm still using the Forge Reactive Multiple File Upload —just made a small change to the drag-and-drop area. I managed to solve the issue by adding some JavaScript in the OnReady and adjusting the CSS a bit.
Still, your approach is a helpful idea. I’ll give it a try when I get the chance.
Appreciate the advice!