Upload Component: update the online example for the Drag Drop that is misleading - This is NOT a bug #1251

New Issue

claunia · 2026-01-29T17:51:04Z

claunia commented

2026-01-29 17:51:04 +00:00

Originally created by @ReneRam on GitHub (May 30, 2024).

The active/hot part of the Upload Drag & Drop is not complete as you can see in the following screenshot:

(the image was obtained with the developer tools active.)

If you drop a file, i.e. a pdf, on the left part of the hot area or near the word 'Drag' it will open the file inside the browser in a new tab, while if you drop the file on the right side it will trigger the events.
The <style> tag of the online code should be updated as follows:

`<style>
.rz-fileupload-buttonbar .rz-fileupload-choose {
width: 100%;
text-align: center;
font-size: 16px;
padding: 100px 0;
border-radius: 0;
}

#ddUpload {
    width: 100%;
}

<style>`

Originally created by @ReneRam on GitHub (May 30, 2024). The active/hot part of the Upload Drag & Drop is not complete as you can see in the following screenshot: ![radzen ddupload](https://github.com/radzenhq/radzen-blazor/assets/40056204/73919c6c-edd2-46dc-bceb-a74499c743d6) (the image was obtained with the developer tools active.) If you drop a file, i.e. a pdf, on the left part of the hot area or near the word 'Drag' it will open the file inside the browser in a new tab, while if you drop the file on the right side it will trigger the events. The <style> tag of the online code should be updated as follows: `<style> .rz-fileupload-buttonbar .rz-fileupload-choose { width: 100%; text-align: center; font-size: 16px; padding: 100px 0; border-radius: 0; } #ddUpload { width: 100%; } <style>`

claunia closed this issue

2026-01-29 17:51:04 +00:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1251