I need to implement a drag drop and swap functionality in the portlet and their arrangement will be somewhat as shown in the figure.
1 2
3 4
This is a web application which will be run on iDevices as well. I tried doing it with a plugin called redplugin http://www.redplugin.com/index.php?mainmenu=11&submenu=18 Doing this worked great for desktops but swap failed to work on my iPhone hence i added jquery ui touch punch which resolved my problem to some extent. The transition isn't that smooth and the swap does not work when i drag drop them diagonally and doesnt work for all the possible ways, works only when portlet is dragged drop either from a row left-right or right-left(Works for drag 1-2,2-1,3-4,4-3 but not for 1-4,4-1,2-3,3-2. Similarly when the page loads even if i had to select a single portlet it seems to drag the one above it as well and finally when you do it repeartedly it starts behaving properly. Are there any other plugins which will help achieve my purpose?