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
8
votes
2 answers

Problem with poor font rendering with CSS3 transitions, jQuery, & Google Fonts

In Firefox, there is no problem. Here's an image: http://cl.ly/3R0L1q3P1r11040e3T1i In Safari, the text is rendering poorly: http://cl.ly/0a1101341r2E1D2d1W46 In IE7 & IE8, it's much worse, but I don't have a picture. Sorry :( I'm using Isotope…
Justin
  • 143
  • 2
  • 7
8
votes
1 answer

Two methods of looping through Ajax requests for jQuery Then When - which to use?

I've got a deceptively simple blog project in the works, where I'm trying to bring together Isotope Jquery (for layout/filtering/sorting), Infinite Scroll, and dynamic loading of all blog excerpts via Ajax (so filtering and sorting is applied to all…
Isaac Gregson
  • 1,999
  • 1
  • 21
  • 31
8
votes
3 answers

Isotope folded (elements overlap)

I have been reading stack overflow for a solution but can't find it. (full size image at https://i.stack.imgur.com/n0hd0.png) When I load the page it looks like that Here is the site (beta) http://e-gimnazija.hostoi.com/test/site/index.html If you…
Maverick
  • 876
  • 2
  • 12
  • 22
8
votes
2 answers

Why is typing in a textarea in Firefox causing the screen to scroll?

I am experiencing an incredibly bizarre issue with the isotope plugin in Firefox only. I have a textarea in each of my isotope elements and when I scroll down to the bottom and type in one of the textareas, the screen jumps to the top. I have…
threejeez
  • 2,314
  • 6
  • 30
  • 51
7
votes
2 answers

Use Isotope library in a fixed-height container?

I am using Isotope for a project. We bought a commercial license. I need to get the isotope tiles in a fixed-size container (height is especially critical) to work within a larger layout. I tried setting css height on the container:
Steve
  • 14,401
  • 35
  • 125
  • 230
7
votes
0 answers

jQuery Isotope - Not working within a responsive/fluid grid

I am in the process of building a photoblog which utilises the brilliant Isotope plugin by David DeSandro but I am curently having some difficulty getting the plugin to work as intended within a responsive / fluid grid. www.lewismalpas.co.uk/tumblr…
Lewis Malpas
  • 111
  • 4
  • 8
7
votes
1 answer

jQuery Isotope Possible Chrome Bug?

I'm using jQuery Isotope to fill in the spaces on a multi-width multi-height grid (equal proportions). The grid is sorted using ui-sortable with a button to toggle back to Isotope after sorting. There are some sort orders that leave empty blocks. …
Chris_O
  • 3,429
  • 1
  • 22
  • 28
7
votes
5 answers

Callback for jquery plugin Isotope

I'm using isotope ( http://isotope.metafizzy.co ) with expandable items, and i would like to use ScrollTo so that i can automatically scroll to the newly expanded item.. I first tried to use the callback with the reLayout method, something…
skiplecariboo
  • 842
  • 2
  • 9
  • 21
7
votes
2 answers

Reapplying jquery-match-height after isotope grid is filtered

I am using jquery-match-height to match the heights of an inner div inside the grid items of an isotope layout, and this is working perfectly when the isotope grid loads. However when I filter the grid, the divs are no longer being processed by the…
mayersdesign
  • 5,062
  • 4
  • 35
  • 47
7
votes
3 answers

jQuery: infinite scroll and the back button

OK so I know this causes problems with everyone, and it's causing problems with me too. I'm using the infinite scroll plugin on a client's site, in combination with the isotope plugin to load in their products sequentially, the problem is though as…
user1374796
  • 1,544
  • 13
  • 46
  • 76
7
votes
6 answers

Hairline gaps between items in isotope-packery on window resize

I am having a small issue with my isotope-packery layouts, where a very thin 1px or less line is appearing between certain items at some window sizes. Is there a way to eliminate this hairline gap? Example: https://i.stack.imgur.com/juEsu.png (look…
Drawcard
  • 69
  • 3
7
votes
3 answers

Masonry: remove gutter from last column

Been working with the new version of Masonry which seems to work much smoother, especially for the fluid/responsive build I am doing. One issue I have encountered, however - I am not sure how to remove the gutter on the far right of the .masonry…
iamkeir
  • 3,222
  • 2
  • 21
  • 22
7
votes
2 answers

isotope reorder after search not working

I've integrated a jquery search plugin to search through isotope elements, the plugin uses regular expression to sort content, in real-time, based on the search input. Isotope elements are updating automatically ( I'm using a wordpress plugin…
agis
  • 1,831
  • 10
  • 33
  • 68
7
votes
4 answers

Using Masonry, jQuery, and PHP to make an album cover gallery

I read about Masonry and after failing to get image appending to work was advised to switch to the successor Isotope. I was trying to improve or create variations on an album cover gallery, something I've done once or twice before using the same PHP…
Muskie
  • 577
  • 3
  • 21
7
votes
2 answers

Isotope not working with ajax loaded content

I have a select-box that contains 4 options, selecting each of which will result in removing all the present .item divs and loading new .items and then realigning them using isotope. $('.menu-select').change(function(){ var…
soundswaste
  • 2,964
  • 3
  • 23
  • 40
1 2
3
…
99 100