2

I'm trying to create an example using angular gridster but I'm not able to reach my goal. All I want to do is that if I move item A between item B and item C, item C will be pushed to the right, item B will be pushed to the left, and item A will take the place of item B.

What happens is that I can only move an item to an empty place. Here are the options that I'm using:

$scope.gridsterOptions = {
    columns: 12,
    maxRows: 1,
    pushing: false,
    floating: false,
    resizable: {
        enabled: false,
    },
    draggable: {
        enabled: true, // whether dragging items is supported
    }
};

Can anybody fix that? Here is the sample code on plunker.

emackey
  • 11,818
  • 2
  • 38
  • 58
Med
  • 241
  • 1
  • 6
  • 23

1 Answers1

1

After pushing: false, add this new line:

swapping: true,

This should fix it.

emackey
  • 11,818
  • 2
  • 38
  • 58