META-INF.resources.bower_components.isotope._posts.custom-layout-modes.2011-07-14-masonry-gutters.html Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of jwebmp-jqui-vertical-timeline Show documentation

The JWebSwing JQuery Vertical Timeline

There is a newer version: 1.2.0.3-jre17-rc1

Show newest version

---
title: Masonry gutters
layout: default
category: custom-layout-modes
---




    Modified masonry layout mode for gutterWidth. The
        items have no padding, so they can be lined-up horizontally adjacent to the container.
    Set gutterWidth within masonry options.

    {% highlight javascript %}

    $('#container').isotope({
    masonry: {
    columnWidth: 110,
    gutterWidth: 10
    }
    });

    {% endhighlight %}





    {% include filter-buttons.html %}

    {% include sort-buttons.html %}

    Etc

    
        Toggle variable sizes
        Insert new elements
        Append new elements
        Shuffle
    

 


    {% for elem_number in site.best_of_order %}
    {% assign element = site.elements[elem_number] %}
    {% include element-partial.html %}
    {% endfor %}