Drag and Drop with snap (similar to DropZone #8566
Replies: 1 comment
-
I think this will be easily done with |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi, I would like to achieve the following thing:
I have mulitple
![PENUP_20240404_172247](https://private-user-images.githubusercontent.com/13404680/319655263-8f89b3be-641b-44d4-b8e0-bb4a3480df79.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTU0ODUsIm5iZiI6MTcyMjM1NTE4NSwicGF0aCI6Ii8xMzQwNDY4MC8zMTk2NTUyNjMtOGY4OWIzYmUtNjQxYi00NGQ0LWI4ZTAtYmI0YTM0ODBkZjc5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDE1NTk0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkyOTBlZmMwZjdjMmE1MWFjNzNmM2RkNWZjYzJhOTZkNzllYjc4ODY0YjY0MmUxMmZmMDUzZjJjNTMxMTEwM2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.As6eTZ9RyKUsfmm07q0SwF2ljl27XdoiBW-2CWZhq58)
![PENUP_20240404_172325](https://private-user-images.githubusercontent.com/13404680/319655294-1d4c0e62-d8f5-4eda-9eea-17d19c8d04e2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTU0ODUsIm5iZiI6MTcyMjM1NTE4NSwicGF0aCI6Ii8xMzQwNDY4MC8zMTk2NTUyOTQtMWQ0YzBlNjItZDhmNS00ZWRhLTllZWEtMTdkMTljOGQwNGUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDE1NTk0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE1YmMyZDc1ZGQ4MjU1NDFhODIzZDRmNjNjNmJmZjE4OTI2ZjFiNDkxOGRkZmU4ZDU2NmI3YTBlZWMzOGQzNmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.iy66CBNXUTGCEO97R7EVr5peAPQbPBWtOqJrOmMdU6Q)
MudImages
next to each other horizontally.I want to select and drag one of these
MudImages
(for example the image in position 3) and drop it between to otherMudImages
(for example between 1 and 2).See sketch for example:
So far we can do similar things with
![grafik](https://private-user-images.githubusercontent.com/13404680/319657847-7302f3fa-69c1-4575-8ace-01a5b38ae352.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTU0ODUsIm5iZiI6MTcyMjM1NTE4NSwicGF0aCI6Ii8xMzQwNDY4MC8zMTk2NTc4NDctNzMwMmYzZmEtNjljMS00NTc1LThhY2UtMDFhNWIzOGFlMzUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDE1NTk0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNhYzMzZmE5NWMxODFlNmRiYjFiMjE4YmIxMzg0ZjhkYjdiOTg1NTNlMDZjMzVhMTQ2NjIyODdmOWQ2MTExYTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OXzORmsiTGNqTgvFjlGbk4riwPD8Liav23Ymy2Aq2NM)
Drop Zone
, however it seems in order for that to work twozones
must be defined and it is for vertical sorting only. On the other hand it has a very beautiful drag and drop with snap handling (see screenshot below).I would like to use the techniques behind
Drop Zone
and use it for my scenario.Is this possible?
Beta Was this translation helpful? Give feedback.
All reactions