Trouble making Filter work on a Grid?

I can’t find why this Filter does not work on the grid items. I think I have it set up correctly. It works if I remove the containers from the grid.

I had this working before the last beta update. I’ve tried everything. I have to wonder if there’s a bug stopping Filter from working on a Grid? Can someone else please do a simple Grid and Filter setup to test?

I am using a filter on one of my sites with a grid and it seems to be working just fine. I can type in the filter and it finds what I’m looking for in the cards within the grid.

@handshaper Can you look at my file and see if you can figure out why it does not work there? Here’s what the simple setup looks like. And all the containers under the Grid are set to Enable Filtering.

Can you upload it to Elements Cloud and then I can look at it. It did not translate from Dropbox, all I got was a folder with a bunch of folders inside it, so it was not an actual project.

If you upload it to the Cloud you can get a link that allows us to open it up directly in Elements.

I will do that. First I need to figure out how!

@handshaper OK It’s uploaded to the Elements cloud. Try this link. Looks like you have to copy/paste the URL.

elementsapp://downloadDocument/K9jGDMR00qnN

OK, I took a look at this, and as far as I can tell you CANNOT filter on the contents of a grid.

There are some obvious reasons why this would not work, but I could be entirely wrong.

What filtering does is narrow down the filtered items based on what you type (it is not a search feature). But because the items are in a grid how is Elements supposed to know how to show and hide grid items correctly?

So I took the four containers you had and placed them below the filter in the parent container (not in a container of their own. When you type something in the filter field it will hide the containers that don’t match, and it worked just fine.

All of the items you want to participate in the filtering need to have it enabled and set to the parent, which is the same parent as that the filter is in.

This is probably not what you were looking for as I’m sure you started with a grid for a reason. That is what I was able to figure out.

Let me know if you want me to send you the modified project.

BTW, I also had to add some background colors to the project and some of the containers so you could see what was going on. Otherwise, none of the text was visible.

Here is a GIF showing it working.

CleanShot 2025-06-09 at 21.02.50

@handshaper Thanks. Earlier you said you had it working on a Grid? @dan shows Filter working on a grid setup just like the setup I am trying in my site project. He shows it at 5:30 in Dev Diary Ep61. There’s a problem that it does not work now.

OK, I got it working. I had to set the Custom Group ID. I’m 99% certain that it worked before using Parent. I hope @dan and @ben take a look and see if this needs fixing in the code.

Oops, sorry I forgot that I did have it working in a grid on my site, here - Catalog

I also got it working in your example, where you had forgotten to set the group ID on all of the grid items, so it now works as you have figured out.

I agree with you though it seems the parent setting should work as well. It does if the grid is set to parent, but the grid items are part of a group ID, if they are set to parent it does not work.

do you have an example project where this is not working? Wondering if we might have a small bug, as what you’re describing should work :slight_smile:

@ben My example where it does not work is still in the Elements Cloud here:

elementsapp://downloadDocument/K9jGDMR00qnN

My understanding is that if the Filter is set to Parent, then anything filterable inside the Parent will be filtered (if enabled). This is currently not true for the contents of a Grid that is inside the Parent.

Hi @bruce — I had a look at your project, and it’s actually working as expected.

The issue is that the Filter component and the Container components have different parents. The Filter’s parent is the Container (outside the Grid), while the Containers’ parent is the Grid. Because of this mismatch, the Parent setting doesn’t link them.

To fix it, either:

  • Move the Filter inside the Grid (so it shares the same parent as the Containers), or
  • Use a Custom ID to explicitly link them.

Hope that clears it up! :blush:

Thanks for the clarification @ben. I have it working now using a Custom ID. I tried placing the Filter in the Grid. It uses one of the Grid spaces. Maybe some users have a reason to do that, but I don’t. It looks like this:

I suggest and hope that when you folks write the Filter section of the manual that you make the setup with a Grid clear.