search

ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.03k stars 1.2k forks source link

Auto-narrow existing widgets when new widget is dragged to their row #365

Open otisg opened 10 years ago

otisg commented 10 years ago

A few seconds in this video describe this feature: https://www.youtube.com/watch?v=rQFsumh5DMw#t=640

You can see a row with 3 widgets that consume all left-to-right space in their row. Then, when a user drags another widget to that row the 3 existing widgets automatically become narrower to make room for the new widget. In the end all 4 widgets end up being the same width.

This way one doesn't have to first manually make the 3 widgets smaller and move them one at a time to make room for the 4th widget. One can just drag a new widget and existing widgets are automatically resized.

I think this would be a GREAT Gridster feature!

Similar: #358 #355

otisg commented 10 years ago

Another way of describing what should happen: Instead of one of the existing 3 widgets saying "Oh oh, human is trying to add another widget to my row. There is no room for me in this row any more. I better move to another row.", we'd have to make all widgets in the target row say "Oh oh, human is trying to add another widget to our row. Let's resize to give each one of us equal space..... and learn to co-exist."