diff --git a/_posts/docs/2010-12-03-options.mdown b/_posts/docs/2010-12-03-options.mdown index a7cd1d2..c7c5e0c 100644 --- a/_posts/docs/2010-12-03-options.mdown +++ b/_posts/docs/2010-12-03-options.mdown @@ -13,6 +13,8 @@ body_class: option-def
Default
+

animationEngine

+
animationEngine
String
@@ -21,13 +23,15 @@ body_class: option-def Determines the jQuery method to apply styles, `.css()` or `.animate()`. Useful for relying on CSS transitions to handle animation. -#### Values +### Values + `'best-available'`: if browser supports CSS transitions, Isotope uses `.css()`. If not, falls back to using `.animate()`. + `'css'`: Isotope uses `.css()` + `'jquery'`: Isotope uses `.animate()` +

animationOptions

+
animationOptions
Object
@@ -50,6 +54,8 @@ $('#container').isotope({ {% endhighlight %} +

containerClass

+
containerClass
String
@@ -58,6 +64,8 @@ $('#container').isotope({ The class applied to the container element. +

filter

+
filter
Selector
@@ -65,6 +73,8 @@ The class applied to the container element. Setting a filter with show item elements that match the selector, and hide elements that do not match. +

getSortData

+
getSortData
Object
@@ -92,6 +102,8 @@ $('#container').isotope({ {% endhighlight %} +

hiddenClass

+
hiddenClass
String
@@ -100,6 +112,8 @@ $('#container').isotope({ The class applied to item elements hidden by Filtering. +

hiddenStyle

+
hiddenStyle
Object
@@ -108,6 +122,8 @@ The class applied to item elements hidden by Filtering. The style applied to item elements hidden by Filtering. +

itemSelector

+
itemSelector
Selector
@@ -115,12 +131,16 @@ The style applied to item elements hidden by Filtering. Restricts Isotope item elements to selector. +

layoutMode

+
layoutMode
String
'masonry'
+

resizeable

+
resizeable
Boolean
@@ -129,6 +149,8 @@ Restricts Isotope item elements to selector. Triggers layout logic when browser window is resized. +

sortAscending

+
sortAscending
Boolean
@@ -137,6 +159,8 @@ Triggers layout logic when browser window is resized. Used with sorting. If true, items are sorted ascending: "1, 2, 3" or "A, B, C...". If false, items are sorted descending "Z, Y, X" or "9, 8, 7...". +

sortBy

+
sortBy
String
@@ -146,6 +170,8 @@ The property name of the method within the `getSortData` option to sort item ele Looking at the `getSortData` example above, valid values would be `'symbol'`, `'number'`, or `'name'`. +

visibleStyle

+
visibleStyle
Object
@@ -154,3 +180,24 @@ Looking at the `getSortData` example above, valid values would be `'symbol'`, `' The style applied to item elements made visible by Filtering. +

Layout-specific options

+ +In addition the general options listed above, certain layout modes each have their own options. In order to avoid conflict, these options are set with an option that matches the name of the layout mode. + +See [Layouts](layouts.html) for each layout mode's available options. + +For example, if your layout switched from `masonry` to `cellsByRow`: + +{% highlight javascript %} + +$('#container').isotope({ + masonry: { + columnWidth: 120 + }, + cellsByRow: { + columnWidth: 220, + rowHeight: 220 + } +}); + +{% endhighlight %} \ No newline at end of file