© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
4 replies
ddoddsr

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
Assets - Core Concepts - Filament
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Action Buttons on Top of Page
FilamentFFilament / ❓┊help
3y ago
Add action buttons to custom page with HasForms
FilamentFFilament / ❓┊help
3y ago
Infolist action on custom page
FilamentFFilament / ❓┊help
2y ago
Create action on custom page
FilamentFFilament / ❓┊help
2y ago