Back to School: coupon SCHOOL25 for 40% off Yearly/Lifetime membership! Read more here

Edit Profile Page: Custom Form

Filament 4

This project illustrates how to customize the default "Edit Profile" page using standard Filament full-page styling while demonstrating the implementation of two separate forms within a single page layout.

eUHFewoPCfb1NWNfFcrgVaoSI6jVtN-metaOC1lZGl0LXByb2ZpbGUtcGFnZS5wbmc=-

Get the Source Code:

How it works

The whole logic for Custom Profile is in the EditProfile custom page.

In the Panel Provider we enable profile feature with the profile() method.

public function panel(Panel $panel): Panel
{
return $panel
->default()
->id('admin')
->path('admin')
->login()
->profile()
// ...
}

We are using Filament Forms feature called multiple forms to add two forms in one page.

In the Panel Provider we modify default settings URL in the userMenuItems() method to use Custom Page.

The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.
Get the Source Code: All 148 Premium Examples for $99