How can I customize the authentication pages?
Can I publish the pages to customize it?
Solution:Jump to solution
You can create your own pages to use with authentication. See https://filamentphp.com/docs/3.x/panels/users#customizing-the-authentication-features
What sort of authentication customizations are you wanting to make?...
17 Replies
Solution
You can create your own pages to use with authentication. See https://filamentphp.com/docs/3.x/panels/users#customizing-the-authentication-features
What sort of authentication customizations are you wanting to make?
How about the ui of it?
If by "ui" you mean "the look and feel of the page", then yes, just create your own page and pass it in as described in the docs I linked to.
If by "ui" you mean the form, that's discussed on that same page in the docs.
Okay thanks
What is the x-slot of brandLogo?
Do you mean this? https://github.com/filamentphp/filament/blob/3.x/packages/panels/resources/views/components/logo.blade.php
GitHub
filament/packages/panels/resources/views/components/logo.blade.php ...
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament
How do i call that to blade? So i can customize the logo
I guess this is what calls that, for "simple" page: https://github.com/filamentphp/filament/blob/3.x/packages/panels/resources/views/components/header/simple.blade.php
GitHub
filament/packages/panels/resources/views/components/header/simple.b...
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament
This is my custom blade. I cant change the brandlogo
This page is being attached to a Panel, right? All the props for the logo component are provided from configurations in the Panel. So if you provide the
->brandLogo() config in the Panel it should carry through. https://filamentphp.com/docs/3.x/panels/themes#adding-a-logoLooks like you're focused on changing the blade template.
You didn't explain "what" you want to customize. You only said "ui", so it's hard to know how important it is to touch the template, vs merely adjusting the configuration or the page properties.
You didn't explain "what" you want to customize. You only said "ui", so it's hard to know how important it is to touch the template, vs merely adjusting the configuration or the page properties.
Yes but when i do that. It also affect the navbar logo. Size in login page must be big
If that's all you're trying to adjust, maybe just CSS is enough?
.fi-logo {height: 6rem;}
er, well, might need another selector to help it know to only apply on the Login page
I've got the solution thanks
Yup. That's a great way to do it! 🙌