META-INF.resources.bower_components.isotope._posts.custom-layout-modes.2011-12-05-big-graph.html Maven / Gradle / Ivy

Go to download

---
title: BIG Graph
layout: default
category: custom-layout-modes
---


    Custom layout mode to replicate the Flash interface of big.dk. Similiar to Category rows, item elements
        are grouped by their sorting data into columns.

    {% highlight javascript %}

    $container.isotope({
    layoutMode: 'bigGraph',
    bigGraph: {
    columnWidth: 45, // size of item
    rowHeight: 45, // size of item
    maxRows: 11, // max number of items vertically
    gutterWidth: { // width of gutter, needs to match getSortData names
    year: 0,
    scale: 60,
    program: 40,
    status: 60,
    title: 0
    }
    },
    // options...
    });

    {% endhighlight %}

    To use this layout mode, grab the $.Isotope.prototype methods from the script at the bottom of this
        page's source.





    Sort

    
        Chronological
        Alphabetical
        Programmatic
        Scale
        Status