Sortable hard to sort using a horizontal div sort/is sortable exactly what i need?
Hello all,
I was looking for a way to move SVG elemtns created with JQuerySVG back and forth and sort them into place like chrome tabs, and found Sortable in the ui.
There are a lot of useful parts to this, but also some issues I have faced.
1. The major issue I am facing is that I am looking to use this horizontal and not vertical. I had looked up ways to do what I needed and "#sortable > div { float: left }" seemed to be what worked the best. It creates my list exactly how I want, however when I try moving the items back and forth I notice it's hard to get them to sort over. Is this due to me switching it horizontal, or is this because of the style I used? I don't believe I noticed this when using it without the style i.e., vertical, but it's possible.
2. When I try to sort a div that has a lot of extra space it snaps the selected item next to another item. Is it possible to stop this from happening? In regular lists it looks like it starts up and you add objects down, but I see with my style "float:left" that they are snapping left.
3. I wanted to use this with the draggable ui - snap. Snap is a nice feature as well,. but I noticed the 2 have issues working together. I have found some info about using them together, but the example showed one list that was a draggable list, dragging an item into a sortable list.
I would like to possibly have the items do both. If I can have the items not stick together horizontally, as in my issue in #2 and be able to have items snap nicely that would be great. Basically I want items to stick to a horiz line that would be 1000 px wide, but could move freely on it. i.e., if I had 3 items that were 100 px each 2 could take up the first 200px and the last could take up the last 100px. I could move that last item back and forth without affecting the others until it goes over them, and then switches. If it goes a little bit over the horiz line it should snap back on it, unless it is going over another, and then that becomes the new "drop zone." :)
Technically the only parts I need from sortable is being able to switch items back and forth on the fly (which I feel I could find the code for that within the source and use it myself/edit it to swap back and forth easier) and be able to have them revert to the position. Snapping into position is also nice once it finds it's spot on the horizontal spacing.
I am a bit new to JQuery as well as the UI, so I appreciate any help and advice.
Thank you all!