starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Add visual feedback to Dropzone #1379

New Issue
Open
opened 2026-01-29 17:52:50 +00:00 by claunia · 0 comments
claunia commented 2026-01-29 17:52:50 +00:00
Owner
Copy Link

Originally created by @richardaubin on GitHub (Sep 7, 2024).

Problem: Currently when reordering items in the DropZone component, there is no visual feedback other than the currently selected item and it's current position as it is being dragged.

Solution: As an example, MudBlazor has a AllowReorder property that enables visual feedback by creating a space between items, with a highlighted border that clearly shows the position the dragged item will be dropped into.

You can see a demo at this link:
https://www.mudblazor.com/components/dropzone#transfer-items-between-drop-zones-reorder-items

Alternative to RadzenDropZone could be to use another 3rd party component, such as the MudBlazor one, or coding a custom component that uses the fluid sorting options that the Sortable.JS library offers.

Sortable JS Demos can be seen here:
http://sortablejs.github.io/Sortable/

It would be visually beneficial to the user operating a dropzone component on the front end to have such visual feedback.

Thank you for the consideration.

Originally created by @richardaubin on GitHub (Sep 7, 2024). Problem: Currently when reordering items in the DropZone component, there is no visual feedback other than the currently selected item and it's current position as it is being dragged. Solution: As an example, MudBlazor has a AllowReorder property that enables visual feedback by creating a space between items, with a highlighted border that clearly shows the position the dragged item will be dropped into. You can see a demo at this link: https://www.mudblazor.com/components/dropzone#transfer-items-between-drop-zones-reorder-items Alternative to RadzenDropZone could be to use another 3rd party component, such as the MudBlazor one, or coding a custom component that uses the fluid sorting options that the Sortable.JS library offers. Sortable JS Demos can be seen here: http://sortablejs.github.io/Sortable/ It would be visually beneficial to the user operating a dropzone component on the front end to have such visual feedback. Thank you for the consideration.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1379
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?