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:

1662 questions
5
votes
1 answer

Isotope items overlap on initial load

Using a masonry layout for this site and upon the first load each box overlaps. If you use any of the navigational items to sort or even just stay on "all" they rearrange themselves. Any ideas?
mtthwbsh
  • 227
  • 2
  • 9
  • 21
5
votes
4 answers

jQuery Isotope filter to no items?

I'm using isotope to filter a list with multiple filters where it is possible that based on a combination of certain filters no items will be displayed. In this case I want to display a message to the user that based on their filter parameters, no…
Adam Youngers
  • 6,421
  • 7
  • 38
  • 50
5
votes
1 answer

How to center perfect masonry? (isotope)

Using isotope with the extension of perfectMasonry by zonear So far it looks like it is working well, all I am wondering is if anyone knows how to center the container. Tried with css with no luck. Original isotope has centered…
rob.m
  • 9,843
  • 19
  • 73
  • 162
5
votes
3 answers

isotope doesn't reLayout when items are appended

I am trying to append new items to a container via ajax request on Rails (jsfiddle with explanation is provided below) my js response I wrote is var $newthumbs = "..new items.."; $('#homepage_thumbnails').append( $newthumbs…
Nick Ginanto
  • 31,090
  • 47
  • 134
  • 244
5
votes
0 answers

Isotope filter is not working with infinite scroll plugin

I am using isotope filter with infinite scroll plug-in in same page, so that here at the same time both are not working perfectly, some design issues reflecting with isotope jQuery file. When I click more button in scroll, it gets some more post…
Bharathi
  • 539
  • 2
  • 6
  • 18
5
votes
1 answer

Infinite scroll plugin modify the path with custom query

I am using the infinite scroll plugin (infinite-scroll) with jQuery isotope and was wondering if it's possible to modify the path with custom query parameters as user scrolls down the page to view more items. Is there a way to access the path and…
Vasile Laur
  • 699
  • 7
  • 16
5
votes
2 answers

Isotope issue with jQuery dialog box

It is a bit difficult to explain my issue but I will try using images. Demo: http://jsfiddle.net/H8Qbn/13/ I try to automatically arrange jQuery dialogs using Isotope. The first picture shows that everything is working just fine. The second…
glarkou
  • 7,023
  • 12
  • 68
  • 118
5
votes
1 answer

Cant get Isotope to work with AJAX (code samples)

I am trying to integrate isotope but Iam having problems getting it to work with ajax. Here's the code: