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
0
votes
1 answer

JQuery isotope display issue with multiple views

I am writing a web app using jquery isotope and I am seeing some strange display behavior that I can't quite figure out. The gist of the app is that it downloads some data from a web service and displays it to the user in one of two modes, a tile…
d512
  • 32,267
  • 28
  • 81
  • 107
0
votes
1 answer

Isotope element dynamic height

I'm using isotope on my tumblr theme, but my post (which is an isotope-item) - on a permalink page - will not increase its height after loading more notes. These notes are dynamically inserted after one clicks a link. I've found a possible solution…
Jake
  • 13
  • 7
0
votes
1 answer

Cannot get isotope to layout masonry correctly

Been looking through tons of good searches and I just can't figure out why this isotope layout won't work. It's supposed to be a three column layout, but what once was an easy feat is not giving me just a straight line down despite setting masonry…
Jordan
  • 2,393
  • 4
  • 30
  • 60
0
votes
1 answer

Isotope hide on click

My site has all elements displayed by default. Isotope has the inbuilt method 'filter' - ie show ONLY this. I'd like to make a function where I hide/show an element based on clicking on a button on screen - ie hide ONLY this (and show the others) /…
Jonathan_W
  • 638
  • 9
  • 24
0
votes
1 answer

After Isotope Insert, ReLayout

Hi I'm using Isotope with some images. My images are various sizes, ranging from squares to panoramic images that fill the full width of the container. I was wondering how I could have isotope reLayout the images after insertion of new images,…
nggonzalez
  • 160
  • 1
  • 8
0
votes
1 answer

Isotope - one filter isn't working, but others do...

You can find a working example here. You'll notice that all the top level sorts work, except for the sort by "First Name" or "Last Name"... Here's a code snippet from what I've done so far...

By First Name…

Millhorn
  • 2,953
  • 7
  • 39
  • 77
0
votes
1 answer

ISOTOPE filtering - Need to hide items from all filter

I am wondering if it is possible to hide items from the "all" filter. I have dynamic items being pulled into an isotope grid. At the end of this grid I have hard coded maps. Each of these maps I have gave a data-filter. So when a filter is clicked,…
kala233
  • 549
  • 4
  • 20
0
votes
1 answer

jquery isotope not working before filter buttons are not pressedjquery

Isotope won't start when I load my page. I have tried to use isotope (from isotope.metafizzy.co) with filtering buttons. Here is my code of HTML and JS:
renathy
  • 5,125
  • 20
  • 85
  • 149
0
votes
1 answer

Need help solving a filtering and sorting issue in my code

I'm having some issues with an isotope filter menu. I need it to load information based on a timestamp and allow for filtering. Unfortunately, something about my sortBy script is conflicting with the filter script. Here is the js in question: sortBy…
mdcrtv
  • 143
  • 1
  • 2
  • 12
0
votes
1 answer

Isotope range AND additional combination filter

Apologies if this has been asked before, but I can't seem to find a concise answer and I'm a rather light developer in jQuery. I have a stack of objects which contain a variety of tags as class, including color and date as long-form number:
josh_e_washie
  • 1
  • 2
0
votes
1 answer

Jquery isotope flicker at chrome and opera not at firefox and IE

Here is the online demo, if you open this page at chrome, you can click the gray menu bar "All" "machine"..., when click more, you can see the problem, when click the after two times, the whole page will flicker after click. It is well at firefox…
waveer
  • 1
  • 1
0
votes
1 answer

jQuery Isotope items overlapping onLoad in IE8 - defined width list items, not images

The issue with Isotope's overlapping items is well documented, but it seems everyone else is just using images and their problem is solved by using $(window).load(function(){ ..... }); or the imagesLoaded plugin. I am finding that all browsers work…
davidpauljunior
  • 8,238
  • 6
  • 30
  • 54
0
votes
1 answer

Isotope shiftColumnOfItem combined with hashHistory - how to?

I'm using Isotope to filter a set of items and JQuery BBQ to handle the hashHistory stuff. It's working fine, except for the following: the items are initially collapsed - when clicked, they expand and display more text. But when one of the items…
Lucia
  • 21
  • 6
0
votes
1 answer

jQuery: Math.floor function on hash load

I have a hashchange function set up to change the class of divs and load them into an isotope grid, thus allowing me to navigate to the divs via a hash url. I also have a Math.floor function in there too as the height of .grid-break is determined by…
user1374796
  • 1,544
  • 13
  • 46
  • 76
0
votes
2 answers

Issues with simple Isotope example in Safari

I'm thinking of redoing my homepage again and thought to use Isotope to make it spiffier. I've experimented with Isotope in the past and was frustrated by not being able to make it work like I wanted. This time I'm trying to do something simpler. I…
Muskie
  • 577
  • 3
  • 21
1 2 3
…
99 100