Filament•3w ago

How to fully customize login page? Like adding a header and making page to 2 grids?

I want to add a header on the login page and make it to 2 grids. Left opart will be the form and right part will be an image.

6 Replies

Rolland•3w ago

https://laraveldaily.com/post/filament-3-login-with-name-username-or-email

<?php

namespace App\Filament\Pages\Auth;

use Filament\Forms\Components\Component;
use Filament\Forms\Components\TextInput;
use Filament\Pages\Auth\Login as BaseAuth;
use Illuminate\Validation\ValidationException;

class Login extends BaseAuth
{
  protected static string $view = 'your-view';

...

<?php

namespace App\Filament\Pages\Auth;

use Filament\Forms\Components\Component;
use Filament\Forms\Components\TextInput;
use Filament\Pages\Auth\Login as BaseAuth;
use Illuminate\Validation\ValidationException;

class Login extends BaseAuth
{
  protected static string $view = 'your-view';

...

you can extend the base login and customize it.

Laravel Daily

Filament 3: Login with Name, Username or Email

Karl MarxOP•3w ago

Tried this but BaseAuth is extending the SimplePage layout

LeandroFerreira•3w ago

like this ?

Filament

Auth UI Enhancer by Diogo Pinto - Filament

Transform your auth pages with ease and make them truly stand out with this flexible alternative to the default auth pages in the Filament Panels package.

Karl MarxOP•3w ago

Something like that. Thanks @Leandro Ferreira Or we have a way without using a plugin?

LeandroFerreira•3w ago

the plugin source code can help you to achieve what you need

Karl MarxOP•3w ago

Thank you @Leandro Ferreira !!!

Gaming

Programming

How to fully customize login page? Like adding a header and making page to 2 grids?

Did you find this page helpful?