0:00
Hello everyone. In this video we are going to see how to hide drop files whenever we use Salesforce Lightning Web
0:20
component file upload. For example here I'm using Salesforce Lightning Web component and then
0:29
I'm able to click the upload files and then I will be able to select the files but I don't see the drop zone
0:38
Usually it will display or drop files here. In this video we are going to see how to hide it
0:47
First create a static resource. Make sure the file extension is dot CSS
0:57
In the CSS file, I am setting these two CSS classes from Salesforce as display none
1:08
Once I set this property display as none for these two classes, it will hide that or drop
1:15
files or the drop zone on the Lightning web component file upload component
1:23
The name of the static resources file upload CSS. In the Lightning Web component in the JavaScript using load style I am loading my CSS from the static resource
1:43
Once this is loaded, here in the HTML I'm using Lightning File upload
1:51
It will hide the or drop files or the drop zone section
1:59
So using this approach, you should be able to hide or drop files or the drop zone section
2:07
in Salesforce Lightning Web Component, File Upload component
2:18
Please check the video description. In the video description, I have shared my blog post
2:24
From the blog post, you should be able to get sample Lightning Web component code
2:29
this one and also the static resource content for your reference I hope
2:45
I hope it was helpful thank you for watching
