Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
23 views

Isotope trigger by passing parameter

Hi below is my script but its not working $(window).load(function() { var hash = window.location.hash.substr(1); var buttonFilter = '.'+hash; $('button#'+hash).addClass('is-checked'); ...
baxi's user avatar
  • 153
0 votes
0 answers
14 views

Isotope Combination filters Dropdown

I've got an issue with isotope metafizzy filters combination : https://isotope.metafizzy.co/ I'm building a line-up for concerts and meetings. And for example i have a band that plays in London on ...
Ben Belek's user avatar
0 votes
0 answers
35 views

Trying to clear markers when toggling checkbox

I'm trying to resolve an issue with regards on how I can clear the markers when listening to changes on the checkbox. I've been building a map plotter with the combination of libraries from leaftlet....
clestcruz's user avatar
  • 1,111
0 votes
0 answers
15 views

Isotope buttons not working when upload to site

Isotope buttons work perfectly fine while working with Visual Studio Code. However, after uploading the site to my hosting, the buttons stop working, and all images are displayed on a single page. I ...
Farazi Derviş's user avatar
0 votes
0 answers
35 views

Using Isotope library on Elementor editor/preview

Good morning. I'm tying to show the Isotope effect both on the frontend and the backend of my Elementor widget. These are the related parts of the code of my plugin.php file: class ...
Simone Conti's user avatar
0 votes
0 answers
30 views

Isotope, Wordpress, Visual Composer Problem on Filtering with random sort only the default load

I have this problem Rendering isotope with all the data filter. Every filter is showing what needs to show. The best part comes now because i want the data filter all to be randomize. var_dump with ...
DJ Michael Constanta's user avatar
0 votes
0 answers
104 views

Using IsotopeJS on list items within a Vue 3 template

I'm trying to use isotopeJS filtering but the list container is inside my Vue3 template. I've tried to use v-pre to tell the renderer to ignore the list as it doesn't need any Vue3 rendering. Also, I'...
Martyn's user avatar
  • 6,337
0 votes
0 answers
39 views

isotope gallery not updated on load from another page

I am using Isotope to filter a project gallery. I managed to update my gallery by clicking from a menu link on my homepage. However, when I'm on another page and click on one of the links with the '...
alex eusebio's user avatar
0 votes
0 answers
39 views

Isotope filter with pagination and search

Below is my codepen code the search is not working with pagination https://codepen.io/SohRonery/pen/wvvBLyP <div class="searchinput"> <input type="text" id="...
baxi's user avatar
  • 153
0 votes
0 answers
36 views

isotope javascript does not aligned properly

Problem is Isotope doesn't display the grid correctly when the page loads, or even when you refresh it, however, once I sort items it fixes itself, also if I resize the window it seems to fix the ...
user21218167's user avatar
0 votes
1 answer
32 views

Why Isotope reloadItems() duplicates elements when deleting them?

I am currently using React, Firebase Real-Time Database, Material UI, and the Isotope library. The issue I'm currently facing is related to adding a modal to confirm the deletion of a note. When I ...
Steven Lara's user avatar
0 votes
0 answers
16 views

Install masonry in isotope items (not masonry layout of isotope!)

I have isotope grid installed with filters, and it works fine : var $grid = $('.grid') $grid.isotope({ layoutMode: 'masonry', itemSelector: '.box', stagger: 30, // item ...
Igor Laszlo's user avatar
0 votes
0 answers
47 views

Isotope filter with checkbox or select options with multiple choices

I tried to find how to make a classic checkbox filter group with my existing data-filter method but what I find on internet, they are all combined or use value, etc (https://codepen.io/desandro/pen/...
Igor Laszlo's user avatar
0 votes
0 answers
14 views

Isotope: display active selected value on button label

I use a Isotope Filter to filter based on the active selected option. Once the option is selected, the corresponding is filtered. When "Option A" is selected, only "A div" are ...
Milo's user avatar
  • 7
0 votes
1 answer
179 views

Converting jQuery Isotope Filtering Code to Vanilla JavaScript

I'm working on a project that utilizes Isotope Layout to filter HTML elements. Currently, I'm using jQuery to achieve the filtering functionality, but I'd like to transition to pure vanilla JavaScript ...
GoodnessGoodness Chi's user avatar
0 votes
0 answers
17 views

Isotope JS Price Filters stops working when doing another AJAX call

I have built this function that comes with a price range slider filter using Isotope JS. Basically the function is loaded after an AJAX call and it works for the first time. But if I try to do another ...
clestcruz's user avatar
  • 1,111
0 votes
1 answer
25 views

Fancybox with Isotope

I would like my fancybox to only show thumbnails of the currently selected filters in isotope. I haven't succeeded in doing this yet though. I suspect that the snippet I've found from 2017 simply don'...
Laura Sage's user avatar
0 votes
1 answer
51 views

I am working on Gallery code. there are 4*4 grids in the gallery. but grids are not displaying properly

i am not able find exact issue is. on mobile display it did display fine. I tried manipulating isotope configuration but it did not worked out. i tried manipulating server side code . but i did not ...
Pratik zajam's user avatar
3 votes
1 answer
162 views

Using isotope.js to define an AND relationship when filtering using multiple options

I have two content type areas which contain unique filter options. These are: type tag I'm trying to utilise isotope.js, to achieve a dual filtering layout, but it always gives the last clicked ...
Freddy's user avatar
  • 809
1 vote
1 answer
243 views

How do you combine multiple filters in isotope JS?

I have two content type areas which contain unique filter options. These are: type tag I'm trying to utilise isotope.js, to achieve a dual filtering layout, but it always gives the last clicked ...
Freddy's user avatar
  • 809
0 votes
0 answers
38 views

Isotope JS filter not working when search field is used in conjunction with buttons

I'm using Isotope.js for filtering which includes buttons and a search bar. I know combination filters can work in Isotope because this Codepen showcases a working demo of it. However, adapting the ...
Freddy's user avatar
  • 809
0 votes
1 answer
54 views

Is it possible to use a dynamic variable as '.grid-sizer' for the width of columns with isotope?

I want to make a responsive website-template for a portfolio-wordpress-site. I'm using isotope for the filtering and the layout. I want the following conditions for the responsive website: max number ...
XamB's user avatar
  • 3
0 votes
1 answer
45 views

How to remove a rogue margin when using Isotope.js for masonry layout?

I have made the masonry grid gallery layout using Isotope and Vanilla JS. Everything seems to work fine, but on resizing there is some kind of the right margin on the masonry element, which is getting ...
JackRussell's user avatar
0 votes
0 answers
71 views

R Mixsiar: Producing posterior plots with continuous and two fixed effects

I am using the R package MixSIAR to estimate diet proportions for an animal using two isotopes (13C and 15N) and 4 diet sources. Ideally, given the geography and biology of the population, I'd like ...
FrostyBottom's user avatar
0 votes
1 answer
182 views

Uncaught ReferenceError: Isotope is not defined

I'm attempting to integrate the Isotope library into my custom WordPress theme to achieve filtering and sorting functionality. However, I'm encountering an error in the console: "Isotope is not ...
Sarower Jahan's user avatar
1 vote
1 answer
41 views

Isotope custom function can't access HTML attribut

I'm in the process of creating a website to manage my board games club and I'm currently working on a page displaying all the games we have available for our members. On this page, there's a section ...
SatanicGeek's user avatar
0 votes
1 answer
76 views

jQuery Isotope filter not sorting by date

Anyone familiar with https://isotope.metafizzy.co/ ? I'm trying to sort by the date they last posted but it's sorting incorrectly. It's jumbling today, yesterday, and the months. html <div id="...
user21968485's user avatar
0 votes
1 answer
28 views

Using Isotope and there's a weird wiggle on the sortable items?

I am using Isotope for a personal project and it works fine, but when I use any of the filters or sort options, the items it filters / sorts does this... subtle wiggling motion for a second? I am ...
user avatar
0 votes
0 answers
49 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 ...
probablybest's user avatar
  • 1,445
0 votes
0 answers
159 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 ...
Prince's user avatar
  • 1
1 vote
3 answers
909 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 ...
BlueChip's user avatar
  • 674
1 vote
0 answers
129 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"> &...
McHunkerson's user avatar
0 votes
1 answer
71 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 ...
alepaff's user avatar
  • 83
0 votes
1 answer
176 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,...
Camilo Casadiego's user avatar
1 vote
0 answers
219 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 ...
thinkerSajjad's user avatar
-1 votes
1 answer
68 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 ...
askuserahmed's user avatar
1 vote
1 answer
235 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 ...
Freddy's user avatar
  • 809
0 votes
0 answers
522 views

Isotope is not defined

In the https://unpkg.com/[email protected]/dist/isotope.pkgd.min.js isotope package, there is an error occurred Uncaught ReferenceError: Isotope is not defined Uncaught SyntaxError: Invalid regular ...
Tejaswa  Nama's user avatar
0 votes
0 answers
75 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 ...
Xavier C.'s user avatar
  • 193
0 votes
1 answer
408 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 ...
greenmile's user avatar
1 vote
1 answer
363 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 ...
DBirn's user avatar
  • 21
1 vote
1 answer
195 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 ...
hdannyelle's user avatar
0 votes
1 answer
133 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 ...
BlueDogRanch's user avatar
0 votes
0 answers
136 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 ...
Michael Oxborrow's user avatar
1 vote
1 answer
183 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 ...
MomasVII's user avatar
  • 4,981
0 votes
1 answer
454 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 ...
BlueDogRanch's user avatar
0 votes
1 answer
212 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 ...
moonk2's user avatar
  • 1
1 vote
0 answers
109 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=...
iamafasha's user avatar
  • 774
0 votes
1 answer
358 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({ ...
Saher Ikram's user avatar
1 vote
1 answer
638 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 ...
nip's user avatar
  • 33

1
2 3 4 5
34