Stack Overflow
Stack Overflow

Questions tagged [jquery-isotope]

Isotope is a client-side jQuery plugin that allows masonry-style grid and table layouts, along with data sorting and filtering, to enable dynamic relayout of elements on a page.

Isotope has similarities to Masonry and Packery; in fact, it utilizes both and adds sorting and filtering capabilities.

This library is distributed with two distinct licenses: open source (GPLv3) and commercial.

Useful Links:

1675 questions
95
votes
2 answers

Differences between Isotope and Masonry jQuery plugins

I recently discovered the Masonry and Isotope JQuery plugins. They seem to be functionally almost identical and both appear to have the same author. The only obvious difference I can see is the license. What are the main differences between these…
Dónal
  • 176,670
  • 166
  • 541
  • 787
48
votes
4 answers

How to implement Isotope with Pagination

I am trying to implement isotope with pagination on my WordPress site (which obviously is a problem for most people). I've come up with a scenario which may work if I can figure a few things out. On my page, I have this part of my isotope script…
Rich
  • 887
  • 1
  • 14
  • 49
22
votes
2 answers

jQuery isotope centering

Possible Duplicate: How to center DIV in DIV? Please take a look at the image below: How can I make the grey squares horizontally centered inside the red container div? This is all made with isotope, so please keep that in mind. Thanks in…
user1130217
19
votes
3 answers

Angular-ui modal - pass data into modal

I am trying to pass some model data into a modal window when it is opened. When the user clicks on an element I want to have the modal window open and display more detailed information relating to what was clicked on. I have created a plunker that…
mcneela86
  • 989
  • 3
  • 16
  • 31
19
votes
1 answer

Isotope v2 filtering with Infinite Scroll - Filter not finding all items and Window not resizing on filter

Head's up! There's a pending feature-request issue on Isotope's GitHub repo that you should add a "" reaction to if you're interested in seeing official docs and demos for this (how to combine Isotope, Infinite Scroll, filtering, and sorting). It…
Isaac Gregson
  • 1,325
  • 1
  • 14
  • 27
18
votes
3 answers

Combining jQuery Isotope and Lazy Load

Have started a project using jQuery Isotope. Initially integrated with Infinite scroll, but thought it was a little clunky. Was hoping to replace Infinite Scroll with Lazy Load, and wondered if anyone has had any luck combining the two. Any tips…
Nelga
  • 728
  • 1
  • 12
  • 32
16
votes
6 answers

Lightweight alternative to isotope.js

I'm using isotope.js purely because of its animations for adding/removing elements. I love the effect of items animating to fill the position of removed elements simultaneously as the removed elements fade out. The thing is, my grid elements are…
eye_mew
  • 7,741
  • 7
  • 28
  • 42
16
votes
8 answers

React.js and Isotope.js

I'm checking out React.js and trying to figure out how this library can work together with Isotope.js. The documentation of React says that it plays nicely with other libraries, but using it with library that changes DOM on its own seems like no…
user1091733
  • 1,163
  • 4
  • 18
  • 35
16
votes
1 answer

$elem.hasClass is not a function

I found this jsFiddle http://jsfiddle.net/Yvk9q/9/ that use isotope for bringing the element I want at the beginning. I tried to copy that coda on my page but it doesn't work! I really have no idea why $elem.hasClass is not a function ( I admit…
user3057089
16
votes
2 answers

Using Isotope with AngularJS (ng-repeat)

I'm trying to use angular to load div's to supply to isotope for layouting. For some reason, I can't use ng-repeat to create the div's. When I do something like, it works fine: [agg.html]
user1167650
  • 3,035
  • 10
  • 32
  • 46
15
votes
3 answers

Isotope & javascript - elements aren't clickable anymore after adding a new one

I'm trying to make a table of images loaded from a json (not a real json, more like a javascript array) and every time the json changes (when I append a new image to the json file with some script, I want that my table of images to upload as…
AMayer
  • 405
  • 4
  • 19
14
votes
2 answers

Centering elements in isotope

Hello everyone and I hope you're doing well. I am using Isotope and below you can see the JavaScript that I have written. I find it impossible to center li elements if they are the Isotope elements. To see what I mean by centering, please see the…
justme
  • 517
  • 1
  • 3
  • 18
14
votes
1 answer

jQuery Isotope search filter

Im using the following snippet to facilitate a live search on my Isotope implementation. It works great, but im wondering if there is a way to limit the scope of what it searches for. Our isotope returns HTML like the following:
js111
  • 1,266
  • 4
  • 29
  • 54
13
votes
2 answers

Isotope: reset all combination filters

I have an isotope combination filter setup with a number of data-filter-group's, each with a rest/show all list item:
  • Show all
    • Is a way to reset all the data-filter-group's - a 'reset-all' link? My current…
    Mike
    • 399
    • 1
    • 7
    • 22
    11
    votes
    2 answers

    jQuery Isotope - sort data by "group"

    Using the Isotope plugin, I am trying to achieve a sorting system where, by clicking an item, groups are formed by positioning items of the same type after the clicked item. Isotope's sort/filter functions don't seem designed for this purpose, so…
    Owen Hoskins
    • 130
    • 8
    1
    2 3
    …
    99 100