search

kombai / freewall

Freewall is a cross-browser and responsive jQuery plugin to help you create grid, image and masonry layouts for desktop, mobile, and tablet...
MIT License
1.85k stars 375 forks source link

Saving tile positions #204

Open debasispanda opened 8 years ago

debasispanda commented 8 years ago

Thank you for sharing the nice plugin. I am using freewall in my project where we have requirement to place the tiles as per the user preference. Means allowing the user to drag and sort the tiles. So we are using the "data-position" value. But there are some challenges which is not giving proper result.

  1. It is setting the data-position value even the tile is moved 1px and dropped. But we need to set the position when user moves the tile completely.
  2. When setting the data-position in mobile devices its not working for desktop because its data-position will be having a big "top" value. So it doesn't work for responsive applications.
  3. I think "onBlockDrop" event is not working.
mord4z commented 8 years ago

I think if all the blocks already come with the tag data-position would help to save the positions. I'm trying to do in this way, but the tag is only added when moving the block and it is removed from the others.

mord4z commented 8 years ago

After some work I got the following result that worked for me: onBlockDrop: function() { var position = $(this).attr('data-position'); var widget = $(this).attr('name'); $.getJSON(save_position_widget_url, {val:position, widget:widget} ).done(function(data){ //do something }); },