gv-list-view with Masonry Layout and Auto-fill
Masonry layouts with auto-fill are all the rage now. A little js and css should make this work easily.
1
vote
JR
shared this idea
Hi JR, thanks for the feedback! We have done this with the DIY Layout plugin. https://demo.gravityview.co/view/diy/
View the source and you’ll see the relevant code:
```
// Fixed Layout
var $grid = $(‘.gv-diy-container’).isotope({
// options…
itemSelector: ‘.gv-diy-view’,
masonry: {
columnWidth: 150
}
});
// layout Isotope after each image loads
$grid.imagesLoaded().progress( function() {
$grid.isotope(‘layout’);
});
```
Thanks!