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
0 answers

why .isotope function has to be called when the div tab is visible?

I'm using isotope to align a set of divs that are placed into a bootstrap tab. The tab is filled dynamically through a backbone view. Here is the code before the view fills the tab:
no divs to align…
Bertuz
  • 2,390
  • 3
  • 25
  • 50
0
votes
1 answer

Chrome and isotope - page size

I don't know how to explain the problem by the words. So let me show some pictures: I have a isotope plugin and over 100 thumbnails on the page. Blue: page size Green: menu Red: footer Grey: thumbnails / page content When all the thumbnails are…
Artur Filipiak
  • 9,027
  • 4
  • 30
  • 56
0
votes
1 answer

jQuery isotope filtering without hiding items

I am trying to use the jQuery isotope plugin (http://isotope.metafizzy.co) on a site I am building. In essense what I am trying to do is filter results which I have managed to do. HOWEVER, when I filter results, I don't want the other results to…
Sam Skirrow
  • 3,647
  • 15
  • 54
  • 101
0
votes
1 answer

Isotopes Filtering - No Results

I have an Isotope gallery that contains five separate filters that can be applied to sort the gallery. If a person was to choose all five filters it could result in no items being shown. What I would like to do is show a hidden div if the filters…
L84
  • 45,514
  • 58
  • 177
  • 257
0
votes
1 answer

Zurb Foundation 4 and Isotope Layout Issue (Some Browsers)

I'm using Zurb's Foundation 4 alongside Isotope to create responsive layouts with different column number and masonry/row/infinite-scroll options. The problem is, at some width sizes (browser resize) - Isotope is struggling to figure out where to…
user2811225
  • 1
0
votes
1 answer

Isotope: write a Function to getSortData from array? (optimization, fiddle provided)

I'm working with isotope.js to display a lot of boxes containing text in different languages. (fiddle) The items can be sorted by language - after clicking a link, items with the selected language will be sorted on top of the list, using getSortData…
Alani
  • 151
  • 1
  • 1
  • 10
0
votes
1 answer

Isotope - Responsive 4,3,2,1 layout

I'm using isotope for a full width grid system. I've gotten it to work as I wish but am having some issues with the responsive element. I want to take a 4,3,2,1 approach to the system, eg. 4 items for desktop, 3 items for tablet, 2 items for mob…
kala233
  • 549
  • 4
  • 20
0
votes
1 answer

complicated masonry layout seems impossible with isotope

I've this beautiful design I'd like to code. But I'm struggling with masonry layout of the content section. There are 500*500px, 250*500, 250*250 blocks. I tried to use isotope and test out different layout modes, but none seems to fit the design.…
user796443
0
votes
1 answer

Place tiles at containers border with isotope?

I got a problem with the isotope jquery plugin. I have several tiles with images that are exactly the same size. Each tile is 49% of it's parent container wide. How can I get isotope to place all tiles at the containers border like…
jurihandl
  • 665
  • 1
  • 9
  • 24
0
votes
1 answer

jquery Isotope variable-sizes unpredicable on adding new divs

I have Isotope running smoothly but it seems to reset variable-sizes class values in an unpredictable way - at least as far as I understand how it works. My basic structure: A row of buttons at page top, A-Z class=letter. Each button loads a new set…
Arfa
  • 105
  • 9
0
votes
0 answers

jquery - how to avoid cumulative div count with successive ajax loads

Update - 1 var stringData = $.ajax({ url: 'digz/index/'+$(this).attr("id")+'.txt', async: false }).responseText; var $newItems = $(stringData); $('#container').isotope( 'insert', $newItems ); This feels like a 101 question but I just can't find…
Arfa
  • 105
  • 9
0
votes
0 answers

jquery Test div overflow - concept and implementation

I am using jquery Isotope and have a series of tiles using the following layout:
content is…
Arfa
  • 105
  • 9
0
votes
1 answer

how to display randomly figures via JQuery

ok, I've set up a site and I'm using isotope for some cool transitions, based on filter options. however, as isotope loads after the whole page is loaded, and not when the DOM is ready, I cannot use the random display feature, as my figures are…
Panos Vakalopoulos
  • 515
  • 1
  • 8
  • 23
0
votes
1 answer

jquery swap nested divs content in container

Update: Got it. I need to change the div structure. The nameP div wraps nameE so there needs to be a separate div for Ptext.
Ptext
Etext
I…
Arfa
  • 105
  • 9
0
votes
1 answer

Have multiple filters working on an item in isotope plugin

Goal - The user should be able to select a single option or multiple options. Based on that selection the div having the right classes should come up the stack. The div which do not have the right classes should go down the stack and have a class…
Vishal Khialani
  • 2,557
  • 6
  • 38
  • 49
1 2 3
…
99 100