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...

you can use [GSAP](http://greensock.com/gsap) as an alternative. It already have Snap to Grid functionality. — Rohit Kumar, Jul 12 '15 at 19:49

score 4 · Answer 1 · answered Nov 10 '15 at 14:52

4

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

answered Nov 10 '15 at 14:52

Anatol Bivol

890
7
20

score 0 · Answer 2 · answered Jul 20 '15 at 15:17

0

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

answered Jul 20 '15 at 15:17

kimomat

2,211
23
37

score 0 · Answer 3 · answered Nov 20 '15 at 19:56

0

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

answered Nov 20 '15 at 19:56

lmsurprenant

1,723
2
14
28

score 0 · Answer 4 · answered Feb 06 '17 at 15:51

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

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

4 Answers4

Linked