How to enlarge the Drop Files Here Zone in RadAsyncUpload's Upload Dialog of RadFileExplorer?

1 Answer 44 Views
FileExplorer
Dongwei
Top achievements
Rank 1
Dongwei asked on 22 Nov 2024, 08:27 AM | edited on 22 Nov 2024, 08:27 AM
How to make this "Drop Files Here" zone bigger?



1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 22 Nov 2024, 08:29 AM

Hi Dongwei,

You can increase the file dropping area with the inclusion of the following CSS class on the page with the file explorer control:

        <style>
            .RadAsyncUpload .ruDropZone {
                width: 100%; /* Increase width */
                height: 350px; /* Increase height */
                padding: 20px; /* Add padding */
                border: 2px dashed #ccc; /* Optional: Customize the border */
                background-color: red; /* Optional: Add a background color */
            }
        </style>

 

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
Tags
FileExplorer
Asked by
Dongwei
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or