Setting the width of a custom Register page
What I am trying to do:
I want to increase the width of the register container on a custom Register page
What I did:
I extended
I modified the
In my panel provider I added the path to my custom class:
The Wizard registration is working fine. However with the default width of a SimplePage, it does not look really great and I would like to increase the width of the container of the Wizard.
I tried to override the
I also tried targeting CSS elements but I couldn't find classes that could only apply to the register page. The surrounding container is:
What could I do to increase the width of this container only on the Register page?
Thank you!
I want to increase the width of the register container on a custom Register page
What I did:
I extended
Filament\Auth\Pages\Register with a child App\Filament\Pages\Auth\Register page. I modified the
public function form(Schema $schema): Schema in order to add a Wizard for registration. In my panel provider I added the path to my custom class:
->registration(\App\Filament\Pages\Auth\Register::class);The Wizard registration is working fine. However with the default width of a SimplePage, it does not look really great and I would like to increase the width of the container of the Wizard.
I tried to override the
$maxWidthproperty in my custom Register page with:protected Width | null | string $maxWidth = Width::FiveExtraLarge; but it doesn't seem to have any effect. I also tried targeting CSS elements but I couldn't find classes that could only apply to the register page. The surrounding container is:
<main class="fi-simple-main fi-width-lg">What could I do to increase the width of this container only on the Register page?
Thank you!
Solution
The solution was to override the
$maxContentWidth property like so:protected Width|string|null $maxContentWidth = Width::FiveExtraLarge;