Wrap the action buttons on a custom page
There are 8 actions on a custom page
Action buttons run off the right side of the page.
Mobile wraps nicely.
Got this to work in version 2 with help adding the same css.
Trying to make this work in Filament 3 following the instructions: https://filamentphp.com/docs/3.x/support/assets#the-filamentasset-facade
In app/Providers/Filament/AdminPanelProvider.php
I used the
'''
public function boot(): void
{
FilamentAsset::register([
Css::make('my-styles', DIR . '/../../../resources/css/my-styles.css'),
]);
}
'''
in my-styles.css
''' '.filament-header .filament-page-actions { flex-shrink: 1 !important; } ''' This css alloed the wrap as needed but I cannot get it to work in v3
''' '.filament-header .filament-page-actions { flex-shrink: 1 !important; } ''' This css alloed the wrap as needed but I cannot get it to work in v3
2 Replies
Have you thought about grouping some of them together so you don’t have 8 buttons up there.
No, thanks for the hint. but I'm reading about it now. This will work, thanks!!
Have not solved the header wrap problem using custom css but can work with this. I will have to learn adding css to a page sometime.