In Filament, adding a filter to dashboard widgets is pretty straightforward. But what if you want to have a filter that would update MULTIPLE widgets at once, similar to Google Analytics? We need to use events and Livewire properties for this. Let's take a look.
Filament 3 has authentication features that you can easily enable, like the Profile page. But its default design is the same as the login/register page. What if we want to use the full-page design, with menus, for the Edit Profile page, too? Let's see how to do it.
Filament is great for creating full CRUDs in Resources. But what if you want to create just a single Edit form for one specific record, without the full Resource? Let's use a Custom Page for it.
Sometimes your Filament panel will not have a dashboard and will redirect your user to a specific page after logging in. But how is that done? Do you have to build a custom login page? No! There's a much easier way.
If you want your user to reserve an item for X minutes before confirming the purchase, this tutorial will show you how to do it, with a project of timeslot booking and reservation timer, built with TALL stack - Livewire and Alpine.
In forms, sometimes you might want to validate only one field immediately after it is updated before the complete form submit. For example, when we have [File upload](https://filamentphp.com/docs/forms/fields/file-upload) field to upload images with specific maximum dimensions, it would be great to validate it right away. Let's see how to do that in [Filament](https://filamentphp.com) using the `afterStateUpdated()` method.
In a Filament form, sometimes you may need an [action button](https://filamentphp.com/docs/actions/installation) somewhere in the middle of the form to change some input values on-the-fly dynamically. Let's see how to do it.
Everyone is talking about AI these days, so I decided to showcase 4 examples of how [GitHub Copilot](https://github.com/features/copilot) tried to auto-complete or generate some code for me.
Imagine you need a system for booking appointments: doctor, hair salon, or cart racing track. In this tutorial, we will create exactly that, with a 2-in-1 demo: how to build a dynamic form in Filament and how to reuse it outside the adminpanel for non-logged-in users to be able to book an appointment.