Filament: Edit Profile Page: Custom Form

Override the default "Edit Profile" page with the typical Filament full-page design, adding two forms on one page.

8-edit-profile-page

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.

public function panel(Panel $panel): Panel
{
return $panel
->default()
->id('admin')
->path('admin')
->login()
->profile()
->userMenuItems([
'profile' => MenuItem::make()->url(fn (): string => EditProfile::getUrl())
])
// ...
}

The full code for...

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 50 Premium Examples for $99 Only Form Examples for $39