1,671
questions
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'); ...
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 ...
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....
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 ...
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 ...
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 ...
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'...
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 '...
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="...
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 ...
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 ...
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 ...
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/...
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 ...
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 ...
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 ...
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'...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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="...
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 ...
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 ...
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 ...
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 ...
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">
&...
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 ...
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,...
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 ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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=...
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({
...
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 ...