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.

Filter by
Sorted by
Tagged with
-2 votes
0 answers
15 views

jQuery Isotope filtering event by year not working [closed]

Screenshot of code I tried to filter event by year using isotope but it is not working. I tried to filter event by year using isotope but it is not working. Here the year is be inserted by the user ...
0 votes
0 answers
12 views

isotope filtering only detecting first item as visible in viewport

I'm using an isinviewport script throughout my site to detect when something is visible in the viewport. However when trying to use it with Isotope filtering it's only detecting the first item on ...
  • 1,383
0 votes
0 answers
28 views

How to implement Isotope JS multiple filter (Checkbox & Search) with Paginations - WordPress

How to implement Isotope JS multiple filters (Checkbox & Search) with Paginations in WordPress. I have used multiple isotope filters in my WordPress post collection. I used the button & search ...
  • 1
0 votes
0 answers
26 views

Isotope Filter | Search | Range Sliders | Buttons

I wanted to add a search field to this JS - (https://codepen.io/lifeonlars/pen/yaaOey) - but the script doesn't work. Where could be the problem? Here is an example of a functional code that includes ...
0 votes
1 answer
63 views

How to implement the isotope-layout in next.js project?

I want to implement the isotope-layout in next.js project. For that, I tried to do that with the following blog. https://stackoverflow.com/questions/25135261/react-js-and-isotope-js Also, here is the ...
  • 500
1 vote
0 answers
33 views

How to add multiple jQuery isotope masonry gallery layouts to same page with dropdowns

I am trying to place multiple masonry layouts on one page using https://codepen.io/desandro/pen/GBJERB as a guide <div class="filters"> <div class="ui-group"> &...
0 votes
0 answers
36 views

Isotope JS Range Slider with grid-item attr min-max

I'm using the Isotope.js jquery library. I can't modify it to my needs, I need help. https://codepen.io/lifeonlars/pen/yaaOey // External js: jquery, isotope.pkgd.js, bootstrap.min.js, bootstrap-...
0 votes
0 answers
16 views

IsotopeJS with Vertical-only positioning updates possible?

Isotope JS will probably work nicely to filter events in a calendar-style display, but the trouble is getting it to keep items in the appropriate column. The problem, when items for tues-thursday are ...
  • 6,134
0 votes
0 answers
17 views

How to disable all images from isotope gallery on page reload

if page is reloaded then all images are displayed and then after clicking other categories and then click on first category then that category images are shown.
0 votes
0 answers
35 views

How can I combine this filters

How can I combine this 2 isotope filters? I try to make textsearch filter <input type="text" class="quicksearch" placeholder="Search" /> https://codepen.io/...
  • 433
0 votes
0 answers
14 views

JQuery Isotope case insensitive search

I have set up Isotope using checkbox filters and a search box, however I am having difficulty implementing case insensitive search. I found this answer where it is suggested that I pass a function, ...
0 votes
1 answer
40 views

Loading order for multiple libraries (isotope + boostrap + jquery + json data)

I'm trying to make tooltips appear when hovering over an image in isotope cards, for that I wanted to use the boostrap library. But it only works with hardcoded elements in the html not for elements ...
  • 63
0 votes
0 answers
15 views

Isotope images don't load as they should

I'm aware this problem has come by more often, but I have tried everything and i'm still unable to fix it. I have an isotope grid with filter, everything works except for the first time loading the ...
0 votes
0 answers
19 views

Filtering Taxonomy Terms by a Custom Field using Isotope

I have a Custom Post Type - Videos, for which I created a taxonomy - Categories, where as terms - different categories of videos. The site uses the Isotope library to filter different categories of ...
  • 47
0 votes
0 answers
31 views

Isotope - Filtering with url hash and load more button

I’m trying to get isotope to filter with url hash and show 6 initial results and have a load more button to show the rest. Using the examples from the Isotope site and a codepen I found for the add ...
0 votes
0 answers
47 views

Horizontal timeline integration in Isotopic post grid in wordpress

I have a requirement where i am showing isotopic post grid using categories, but i want to add timeline filter as a sublayer/filter to it which allows me to show posts that fall under that timeline ...
0 votes
0 answers
20 views

ISOTOPE.JS - Select Option Filter in oxygen builder

I am using Metafizzy's Isotope plugin and have it set up to filter using a select menu as like this in oxygen builder: <div class="filter-select"> <select> <...
0 votes
0 answers
184 views

Achieve dynamic Prev and Next functionality for pagination using Isotope

I'm using jQuery Isotope for my pagination functionality. Does anyone know if this sort of thing is built into jquery-isotope? I read the documentation but couldn't find anything. I got the pages ...
  • 45
0 votes
1 answer
36 views

Can't get isotope to fill the container width

I'm working on a client's web that uses isotope, it's currently working when I use it on a full-width container as seen here https://constructionandrepair.com/#gallery but attempting something similar,...
0 votes
0 answers
18 views

Isotope Filter - Hide title (toggle / selector) when no results

We have an isotope filter with a combination of 2 selectors: BREAKFAST | LUNCH | DINNER | SALAD | DESSERT Dairy Free | Gluten Free | Nut Free | Meats | Hams What we want to achieve is if ...
1 vote
0 answers
102 views

Isotope filter isn't working, all items disappears when I click

I'm learning web development. Currently, I'm at the very beginning stage. Suddenly I'm facing a problem with 'isotope filter'. The filter isn't working. All my grid items are showing first. But ...
0 votes
0 answers
24 views

how to specify trophic discrimination factor in tRophicPosition R

in https://cran.r-project.org/web/packages/tRophicPosition/vignettes/Short_guide_to_tRophicPosition.html, it is written : "An essential component of the model to estimate trophic position is the ...
  • 1
0 votes
0 answers
17 views

Numbering grid-item in Isotope

I'm making a list of people that need to be sorted from different parameters. Got that part working. But is there a way to add a number to each grid-item, also after sorting so it always starts with ...
-1 votes
1 answer
51 views

isotope Js not showing animation

I am using isotope Js to show filtered elements , there is filter that contains a lot of items so it is not showing the animation as it is under the visible content example of piece of code (This code ...
1 vote
1 answer
102 views

Isotope.js not filtering correctly when using multiple checkboxes

I have a simple filter which contains two checkboxes, one for cake another for cupcake. A user can check either option, or select both to show all results. However, even though my filters array ...
  • 693
0 votes
0 answers
15 views

Is that possible to have no item by default isotope

I would like to display a div with "you should click on filter to display content" instead of having all items for example with the isotope library. Is that possible ? How can I do this ? ...
  • 193
0 votes
0 answers
269 views

Isotope is not defined

In the https://unpkg.com/isotope-layout@3.0.6/dist/isotope.pkgd.min.js isotope package, there is an error occurred Uncaught ReferenceError: Isotope is not defined Uncaught SyntaxError: Invalid regular ...
0 votes
0 answers
34 views

Isotope - Dropdown filter + tag 'clone' for delete 'data-filter'

I modified an isotope filter to work with the dropdown menu and a prototype of "tag" capable of eliminating data-filter on multiple data-filter-group. <!--Filter button dropdown--> <li class=&...
  • 151
0 votes
0 answers
34 views

Prevent input.change when clearAll is clicked, isotope filtering

I have setup an isotope filtering with multiple checkbox groups and also a select form. I also added a "clearAll" button underneath the filter groups that clears all checkboxes and reset the ...
  • 184
0 votes
1 answer
186 views

jQuery Isotope filtering between dates

I'm working on an event calendar and I would like to show all events between two datepicker fields and I would be grateful for every tip. Isotope Code: // filter the events by datepicker fields when ...
1 vote
1 answer
227 views

Isotope v2 not laying out correctly after filtering

I'm using Metafizzy's Isotope to make an image gallery. The layout mode is set to Masonry. http://www.davidbirn.com/. There are 4 filter buttons: All Items, Subset A, Subset B, Subset C. Filtering ...
  • 21
1 vote
1 answer
98 views

isotope.js and jquery for a grid gallery are not sorting based on image tags

You can see my site here: http://heather-dannyelle.com/macarons.html under 'Gallery'. The images should both be snugly stacked instead of with gaps and they should sort when you click on the tabs at ...
0 votes
1 answer
95 views

jQuery Isotope and Packery: grid items vertically overlap each other

Why do the grid items in Isotope when using Packery vertically overlap each other? Is it because they are dynamic in size? I.e., each Twitter feed item can be a different size after loading? Or is ...
0 votes
0 answers
96 views

Add a hidden class for Isotope(Metafizzy)

Rather than hidden items receiving a style of display none how could I instead add a class of hidden? I'm using vanilla javascript rather than jQuery. I can find nothing about this in any of the ...
1 vote
1 answer
102 views

Sort by date with isotope-layout

I can't find any documentation on how to do a date sort with isotope-layout in my Next.js project. Here is how far I have got. The date obviously sorts but it will sort alphabetically. I need to know ...
  • 4,411
0 votes
1 answer
327 views

Check/uncheck input checkboxes in Isotope

I have a simple Isotope grid with checkbox inputs to sort the items in a grid. This works OK. The problem is the interaction between the "Show All" checkbox and the different category ...
0 votes
1 answer
98 views

How to find the filtered items count from React(Typescript) isotope-layout

I'm working with isotope-layout library in React(Typescript). I was able to manage to filter working in my page. but I'm not sure how to return filtered item count. on page load, i'm initializing ...
  • 1
1 vote
0 answers
47 views

Adding grid items to isotope without breaking the UI

I have my HTML as below <div class="blog-box"> <div class="blog-item" >...</div> <div class="blog-item" >...</div> <div class=...
  • 830
0 votes
1 answer
173 views

Javascript filter method for different data-filter

I just started learning javascript. I am facing a problem with filtering products while getting value from database. my javascript code is below: `var $grids = $(".grid").isotope({ ...
1 vote
1 answer
313 views

Make isotope wait till api data is loaded - nuxt js

I'm running a nuxtjs app which displays data from wordpress. On my project overview page I want to have the images of the different projects displayed as masonry with isotope and filtering. When I ...
  • 33
0 votes
1 answer
500 views

Isotope with wordpress filtering does not work

I check the other posts on this subject but I did not find the answer to my problem. I follow this tutorial : https://www.aliciaramirez.com/2014/03/integrating-isotope-with-wordpress/ But when I test ...
  • 193
0 votes
1 answer
346 views

Set number limit of items in isotope filtering

This is my script isotope : //isotope : filtering jQuery(function($) { // init Isotope var $grid = $('.grid_posts').isotope({ // options itemSelector: '.grid_posts-item', ...
  • 193
0 votes
1 answer
320 views

Is there a way to calculate SEAc specifically using the maxLikOverlap Function in SIBER package?

I am attempting to calculate the % overlap between the SEAc ellipses of 2 groups (group 7 & group 8) in community #4 using stable isotope data and the SIBER R package. I have followed the vignette ...
1 vote
1 answer
379 views

Isotope Filtering with HTML5 Data Attributes instead of CSS classes

Need some assistance or guidance on using HTML 5 Data Attributes instead of CSS classes to filter content with Isotope. I have currently implemented a fully working content filter which works ...
0 votes
0 answers
463 views

Combining Filtering and sorting in jQuery Isotope

I'm trying to find a way to combine the functionality of filtering and sorting. In other words, I'd like to filter first by mall type, and then, within that filtered group, sort by other various ways ...
1 vote
1 answer
705 views

Webpack Encore & jQuery plugin : $(...).isotope is not a function

I'm working on a Symfony5 project, with Yarn & jQuery. I have an error when I try to use the jQuery plugin "isotope-layout" with Webpack Encore. I try to fix it for many hours but I ...
  • 25
1 vote
0 answers
199 views

ISOTOPE - 2 grids on one page

I am trying to implement 2 different isotope grids filter + pagination on one page and have issues setting up the second one. As you can see on my pen, the first one is working and not the second one. ...
1 vote
0 answers
75 views

Isotope filter from block view to table view

I'm not finding anything with my search terms, so I'm hoping this hasn't been asked before: I'm using the Isotope plugin to filter a bunch of items. So far, so good. These items are generally all in a ...
0 votes
0 answers
242 views

lightGallery.js isn't working with dynamically appended div

I am new to web development. I am trying to use Isotope & infiniteScroll.js plugin & lightGallery.js to create a gallery. lightGallery.js isn't working on my code. JS let $grid = $('.grid')....
1 vote
1 answer
276 views

How to get the images to be the same size using Isotope JS

I am using Isotope JS and I am trying to get an evenly spaced, proportional gallery layout but I am not sure what is wrong. My code isn't cooperating with isotope. I would be very grateful if someone ...
  • 747

1
2 3 4 5
34