Make gridster.js tiles stick in specific grid positions (snap to grid)

Question

is there any way to make Gridster.js tile(s) stick, that is not move up vertically to fill empty space. Kind of like the way a layout program with snap-to-grid turned on works...

Scotia

you can use GSAP as an alternative. It already have Snap to Grid functionality. – Coffle

Answer 1

Use this fork https://github.com/dsmorse/gridster.js with

shift_widgets_up: false

option.

See demo : http://dsmorse.github.io/gridster.js/demos/sticky-postion.html

Coulisse

Answer 2

Have you tried packery? http://packery.metafizzy.co/ This library has many drag and drop features.

Asia

Answer 3

You may also be interested in the following prototype from my team: https://github.com/ibmjstart/gridplumb

Specifically, the modifications to grister can be found at https://github.com/ibmjstart/gridplumb/blob/master/src/extend-gridster.js

Redundancy

Answer 4

My answer is not directly linked to gridster but to one of its fork : gridstack. I post this answer as I found this topic while searching for this functionality in gridstack.

So in gridstack solution is to put this property in grid options :

float:true

Pathogen