Custom login page and Add Logo on the default sidebar of Filament?

Hi, Does someone know how to add custom login page and Add Logo on the default sidebar of Filament?
16 Replies
LeandroFerreira
LeandroFerreiraβ€’2y ago
Filament
Appearance - Admin Panel - Filament
The elegant TALL stack admin panel for Laravel artisans.
LeandroFerreira
LeandroFerreiraβ€’2y ago
Login: you may override the default class in config/filament.php:
'pages' => [
'login' => \App\Filament\Pages\Auth\Login::class
],
'pages' => [
'login' => \App\Filament\Pages\Auth\Login::class
],
//filament demo example
namespace App\Filament\Pages\Auth;

use Filament\Http\Livewire\Auth\Login as BasePage;

class Login extends BasePage
{
public function mount(): void
{
parent::mount();

$this->form->fill([
'email' => '[email protected]',
'password' => 'password',
'remember' => true,
]);
}
}
//filament demo example
namespace App\Filament\Pages\Auth;

use Filament\Http\Livewire\Auth\Login as BasePage;

class Login extends BasePage
{
public function mount(): void
{
parent::mount();

$this->form->fill([
'email' => '[email protected]',
'password' => 'password',
'remember' => true,
]);
}
}
Mike Wazowski
Mike WazowskiOPβ€’2y ago
Nice niceee. Thank you ! Hi @Leandro Ferreira Additional Question How can I change the color primary? Currently by default it's orange on light and Dark Mode
LeandroFerreira
LeandroFerreiraβ€’2y ago
Filament
Easy way to create a Filament Theme in minutes! by Leandro C. Ferre...
Filament is a collection of tools for rapidly building beautiful TALL stack apps, designed for humans.
Mike Wazowski
Mike WazowskiOPβ€’2y ago
This might have an issue on my end due to Tenancy, Do you have any recommendations that can be on Filament config specifically?
LeandroFerreira
LeandroFerreiraβ€’2y ago
Actually it is a custom theme. But you can ignore the custom css section.
LeandroFerreira
LeandroFerreiraβ€’2y ago
I have a starter kit that you can use, if you want: https://github.com/leandrocfe/filament-multi-tenant
GitHub
GitHub - leandrocfe/filament-multi-tenant: A Filament multi tenant ...
A Filament multi tenant starter kit. Contribute to leandrocfe/filament-multi-tenant development by creating an account on GitHub.
Mike Wazowski
Mike WazowskiOPβ€’2y ago
ohhh Demn πŸ’” I should've ask that time hahaha It would save me alot of trouble but the App is huge now especially the Tenant.
toeknee
toekneeβ€’2y ago
V3 is also multi-tenant natively too.
LeandroFerreira
LeandroFerreiraβ€’2y ago
I suppose that you won't have issues to apply these steps in your project.. you can try!
Mike Wazowski
Mike WazowskiOPβ€’2y ago
I've already use the Laravel Tenancy https://tenancyforlaravel.com/
Tenancy for Laravel
Automatic & flexible multi-tenancy package for Laravel.
Automatically turn any Laravel application multi-tenant β€” no code changes needed. stancl/tenancy automatically switches database connections and all other things in the background, letting you leverage standard Laravel code into a full SaaS application. Most features out of all multi-tenancy packages. Single & multi-database tenancy.
Mike Wazowski
Mike WazowskiOPβ€’2y ago
Did you use this also there? The one from Stancl
LeandroFerreira
LeandroFerreiraβ€’2y ago
It is really cool 🀩 yep
Mike Wazowski
Mike WazowskiOPβ€’2y ago
Nice, Aight I'll check it out and maybe try it on my end before I try to implement it with the Team. Also would this work on filament.php config file 'theme' => [ 'colors' => [ 'primary' => '#3490dc', ], ],
LeandroFerreira
LeandroFerreiraβ€’2y ago
Check the docs and try to use/customise in your project. There are some theme plugins that you may try as well
Mike Wazowski
Mike WazowskiOPβ€’2y ago
Aight, Thank you so much @Leandro Ferreira

Did you find this page helpful?