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
![](https://secure.gravatar.com/avatar/e59155b522b69eeb72879a65324e0727?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
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!