You need to sign in to do that
Don't have an account?
chandu kari 8
LWC drag and drop file uploader
Hi everyone,
Iam trying to drag and drop files using LWC,I completed drag and drop But here dispalying Drop zone size is very small,here i want to increse dropzone size,
Now iam getting like this
Code:
HTML:
<lightning-file-upload
class="dragbox"
name="fileUploader"
accept={acceptedFormats}
record-id={recordId}
onuploadfinished={handleUploadFinished}
multiple>
</lightning-file-upload>
CSS
.dragbox{
position: relative;
text-align: center;
height: 200px;
width: 100%;
min-height: 0px !important;
}
I want to increse dropzone size width and height.
Please help me
Iam trying to drag and drop files using LWC,I completed drag and drop But here dispalying Drop zone size is very small,here i want to increse dropzone size,
Now iam getting like this
Code:
HTML:
<lightning-file-upload
class="dragbox"
name="fileUploader"
accept={acceptedFormats}
record-id={recordId}
onuploadfinished={handleUploadFinished}
multiple>
</lightning-file-upload>
CSS
.dragbox{
position: relative;
text-align: center;
height: 200px;
width: 100%;
min-height: 0px !important;
}
I want to increse dropzone size width and height.
Please help me
.dragbox{
position: relative;
font: bold 13px/100px arial;
text-align: center;
height: 200px;
width: 100%;
min-height: 0px !important;
}
But Not applying height and width.only Font applying in this class.
This is a standard UI tag, so u need to Override using a custom CSS by uploading in static resources.