Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is it possible to get jQuery ui Sortable grid to behave like gridster?
Why not use gridster? Because it doesn’t work on anything less than IE9.
Looking at the jQuery ui Sortable sample, if you drag number 5 to number 1, number 1 moves to the right. When I do the same action with gridster, number 1 would move to number 5’s position. It continues to work even with different sized elements.
Is it possible to get jQuery ui Sotables grid to work in a similar manner?
Hardly. All jQuery’s sortable does is change the order of elements inside the parent element. The “grid behavior” showed in that demo is just the browser’s layout engine behaving normally (placing elements from left to right while they fit on parent’s
width, then top to bottom). gridster on the other hand simulates a grid that independs on its elements: even if you remove all tiles from one column, it still occupies space on screen. Elements on columns are ordered, but rows are added/removed as needed.Replicating that behavior fully would be a lot of work. The closest I could get to the gridster demo‘s behavior is the connect lists example, which you can style like a grid (example) but having every element of the same size.