Show/Hide Filters Based on Selected Tab in List Resource

[Murkrow02]

Package

Panel builder

Package Version

v3.0.0

How can we help you?

I'm using Filament to build an admin panel and would like to know if it's possible to dynamically show or hide filters based on the currently selected tab in a ListResource page.

Expected Behavior

When switching between tabs, I want certain filters to be visible only for specific tabs while others are hidden. When I switch to another tab, the previous filter is cleared.

Current Behavior

Filters appear globally for all tabs, and I don't see a built-in way to conditionally show/hide them based on the active tab.

Possible Solutions

1. Is there an existing method or hook in Filament that allows dynamically modifying the available filters when a tab is selected?
2. Would it be possible to achieve this via JavaScript?

Any guidance or suggestions would be greatly appreciated!

Thanks!

[ihkaru]

"When I switch to another tab, the previous filter is cleared."
Yeah, i got this problem too. It seems that the filter is cleared when we switch tab. I dont know why it happens. It should not get cleared. Did you got the solution?

[Murkrow02]

That's strange—I actually had the opposite issue, where filters were NOT cleared on tab switch!
If you want to persist the filters, you can try using ->persistFiltersInSession(); on your filters. That should keep them even when switching tabs.

Here’s the relevant documentation:
Persist Filters in Session

[Murkrow02]

I just solved my original issue like this:

Filter::make('filters')
->form([
CustomerSelect::make('customer_id')
->default(null)
->visible(fn($livewire) => $livewire->activeTab == 'Clienti'),
LaundryAreaSelect::make('laundry_area_id')
->visible(fn($livewire) => $livewire->activeTab != 'Clienti'),
LaundryItemSelect::make('laundry_item_ids')
->reactive()
->multiple()
])

Turns out, the key was injecting the $livewire instance and conditionally showing/hiding the filters based on the active tab!