How to Achieve Drag & Drop Item Reordering in VisualNEO Web in Responsive Mode? - Forum
How to Achieve Drag & Drop Item Reordering in VisualNEO Web in Responsive Mode?
Quote from asmat on August 29, 2024, 7:59 amI'm currently working with VisualNEO Web and need to implement drag-and-drop functionality for re-arranging items at runtime. My project is responsive, and I'm encountering issues with maintaining the correct layout and functionality when dragging and dropping items on different screen sizes.
Has anyone successfully implemented this feature in a responsive mode? Any tips or guidance on how to achieve this would be greatly appreciated!
I'm currently working with VisualNEO Web and need to implement drag-and-drop functionality for re-arranging items at runtime. My project is responsive, and I'm encountering issues with maintaining the correct layout and functionality when dragging and dropping items on different screen sizes.
Has anyone successfully implemented this feature in a responsive mode? Any tips or guidance on how to achieve this would be greatly appreciated!
Uploaded files:- You need to login to have access to uploads.
Quote from luishp on August 29, 2024, 10:29 am@asmat, have you tried neoSort Plugin?
@asmat, have you tried neoSort Plugin?
Quote from asmat on September 5, 2024, 7:47 amNeoSort Plugin works beautifully on computers, but it doesn't function properly on touch devices such as mobiles, tablets, or computers with touch screens. Any suggestions for making it touch-compatible?"
NeoSort Plugin works beautifully on computers, but it doesn't function properly on touch devices such as mobiles, tablets, or computers with touch screens. Any suggestions for making it touch-compatible?"
Uploaded files:- You need to login to have access to uploads.
Quote from luishp on September 5, 2024, 12:44 pm@asmat neoSort should work perfectly on touch screens. This is the official JavaScript library demo and it works for me:
@asmat neoSort should work perfectly on touch screens. This is the official JavaScript library demo and it works for me:
Quote from asmat on September 5, 2024, 7:53 pmI'm using the
neosortplugin within a dialog, and I’ve run into an issue on touchscreens. The drag-and-drop functionality works, but the object being dragged is offset from my finger, making it difficult to accurately position the items. Additionally, I’m unable to check or recheck checkboxes that are also inside the dialog.
- The issue only occurs on touch devices (it works fine with a mouse).
- The dialog contains a list of sortable items, and each item has a checkbox.
I've attached the relevant files for reference. You can also check out the live demo of the issue at this link: KankorPlus Demo.
Any help in resolving this would be appreciated!
Thank you.
I'm using the neosort plugin within a dialog, and I’ve run into an issue on touchscreens. The drag-and-drop functionality works, but the object being dragged is offset from my finger, making it difficult to accurately position the items. Additionally, I’m unable to check or recheck checkboxes that are also inside the dialog.
- The issue only occurs on touch devices (it works fine with a mouse).
- The dialog contains a list of sortable items, and each item has a checkbox.
I've attached the relevant files for reference. You can also check out the live demo of the issue at this link: KankorPlus Demo.
Any help in resolving this would be appreciated!
Thank you.
Uploaded files:- You need to login to have access to uploads.
Quote from luishp on September 7, 2024, 10:05 am@asmat I think the issue is not related just to touch devices but to touch devices when using a custom dialog.
Please try to use an independent page instead of a custom dialog and let me know if the problem goes away.
Thank you!
@asmat I think the issue is not related just to touch devices but to touch devices when using a custom dialog.
Please try to use an independent page instead of a custom dialog and let me know if the problem goes away.
Thank you!
Quote from Phil78 on March 4, 2025, 6:56 pmHi @luishp
how to reorder lines in the design if you haven't created the elements in the right order ?
Hi @luishp
how to reorder lines in the design if you haven't created the elements in the right order ?
Quote from luishp on March 4, 2025, 7:36 pmHi @phil78, I don't understand your question very well.
Have you tried to right-click the item you want to order in the design area and choosing Bring to Front and Send to Back options?
Note that you can even select many items at a time before right-clicking.Regards.
Hi @phil78, I don't understand your question very well.
Have you tried to right-click the item you want to order in the design area and choosing Bring to Front and Send to Back options?
Note that you can even select many items at a time before right-clicking.
Regards.
Quote from Phil78 on March 5, 2025, 6:37 pmthanks @luishp
yes, it works, but I didn't understand the function so I thought I'd put in foreground or background.
thanks @luishp
yes, it works, but I didn't understand the function so I thought I'd put in foreground or background.
Quote from luishp on March 5, 2025, 6:40 pm@phil78 when you are working with absolute positioning it brings the object to the front or sends it to the back.
When working on a responsive design, it sends the object to the beginning or to the end of the Page or the Container it's placed.I hope you have now solved your doubt :)
@phil78 when you are working with absolute positioning it brings the object to the front or sends it to the back.
When working on a responsive design, it sends the object to the beginning or to the end of the Page or the Container it's placed.
I hope you have now solved your doubt :)