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 resize neighbouring widgets when any of the widget is resized #358

Open user5253 opened 10 years ago

user5253 commented 10 years ago

I want to keep all widgets in a fixed size container. So when any widget is resized all other widgets should get resized automatically to get arranged within the container.

Please let me know how can I achieve this functionality.

Many thanks in advance.

otisg commented 10 years ago

This is kiiiiind of similar to what you see a few seconds after this: https://www.youtube.com/watch?v=rQFsumh5DMw#t=640

Note how widgets auto-resize when a new widget is getting added to a row that already contains widgets.

user5253 commented 10 years ago

Thank you Otisg.

Yes, this is similar. Can I get any code snippets for this so that I can extend and modify it to suit my needs? They are resizing only on rows and that too width. I want to resize both row height and column height. i.e when a widget is resized then only the row neighbouring widget's width gets smaller and column neighbouring widget's height get smaller. All this will be in a fixed size container.

otisg commented 10 years ago

@moizpalitanawala we don't have any code for that. That video is for Splunk, not for something that uses Gridster. I was trying to illustrate the functionality to any potential, future devs who may be interested in implementing this.