How to create a non-stackable widget grid?

There are a lot of jQuery plugins to create grids where we can place widgets inside : - gridster - gridly - maybe others ?

All of them are stacking the widgets either horizontally or vertically. What I want to do is to have a 'free grid' where I can place widgets independently.

To have a better understanding, here are some 'drawings' :

[x]: occupied grid slot
[ ]: empty grid slot

This is what plugins like gridster and gridly are doing. They are stacking vertically, placing something like the [o] is not possible because there is nothing under.

[x][x][x][ ]
[x][ ][x][ ]
[ ][ ][x][ ]
[ ][ ][ ][o]

What I want to do. Here we can place items where we want.

[ ][ ][x][ ]
[ ][x][ ][x]
[ ][ ][ ][x]
[x][ ][x][ ]

What is the best way to achieve that ?

Answers


Ok, for those who are searching an angular module to achieve that there is the great angular-gridster which is based on the gridster jQuery plugin. Very configurable and works perfectly.


Need Your Help

stop progress dialog when get the whole data

android load backendless

It might be a simple problem but I have wasted hours before it That I wants that after loading the data from Backendless different time when the whole list will be loaded then the progress dialog c...

Website Script that will click on button every x seconds

ruby http curl

Is there an easy way of automating clicking on a certain button on a website?