12 Replies
Maybe this one https://filamentphp.com/docs/3.x/tables/filters#positioning-filters-into-grid-columns I didn't check
Already tried this 😔
Same

@waleedgrt Just tested and this is working fine for me. A few things you can try: make sure you're on the latest version of Filament, rebuild your assets with
npm run build
, run php artisan filament:upgrade
, and if you published your views, remove them.I updated the filament and executed these commands
npm run build
and php artisan filament:upgrade
but I got the same result 😢. By the way, I am using this on the custom page.
By custom page do you mean with a custom view? Or do you mean using the Table Builder? I tested on the Table Builder and that was working for me
Oh I see now...you have everything wrapped in the same form!
Hold on
Why do you have your date pickers inside the filter? Is that what you want/need?
I think you what you want is something like this:
You need to separate your filters.
And then inside your date picker you have a form that you then need to separate into a grid:
the problem is still there filter form always appears in vertical form

So you'll want something like this:
Be sure to import the correct
Grid
Working 😀

Take a look at the Form builder and Grid specificially to customize the breakpoints as you make your browser bigger/smaller
Thank you for your help. I genuinely appreciate it.