F
Filament•3w ago
Davide Cariola

Customize Filter style

Hello everyone! I wanted to ask you if and how it would be possible to change the style of Filament's basic filters to something similar to the attached images, i.e. the label not above the filter input/select, but to the side. Thanks for your help!
No description
No description
3 Replies
Sjoerd24
Sjoerd24•3w ago
the location of the label you can change with ->inline(false), the rest should be doable with adjusting the CSS. Not my area of expertise though.
LeandroFerreira
LeandroFerreira•3w ago
maybe using filter forms https://filamentphp.com/docs/3.x/tables/filters/custom 
->filters([
    Tables\Filters\Filter::make('filters')
    ->form([
        DatePicker::make('from')
        ->inlineLabel(),
        DatePicker::make('until')
        ->inlineLabel(),
    ]),
])
->filters([
    Tables\Filters\Filter::make('filters')
    ->form([
        DatePicker::make('from')
        ->inlineLabel(),
        DatePicker::make('until')
        ->inlineLabel(),
    ]),
])
You can customize css creating a custom theme https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme
Custom filters - Table Builder - Filament
Themes - Panel Builder - Filament
No description
Davide Cariola
Davide Cariola•3w ago
Thank you both! I'll try asap
Want results from more Discord servers?
Add your server
More Posts
Is it possible to make the toggle column dropdown scrollable?I have a resource with 30+ columns, in the list I have made most of them toggable, but that makes thHow to display tables with actions inside infolist builder ?Hello everone, I would like to ask on how you display table using infolist builder. As for my implesame token getting generatedthe same queue number is generated when I submit the form at the same time through multiple devicesUser profile on tenant panelSetting user profile to non simple page would break the routing structure. and setting it to simpleTable Delete Action global configuration not workingI tried to configure the delete action from the service provider boot method in but it won't work. `Difference between using Livewire vs Resource for Filament Forms?I have Laravel 11 and just installed Filament to use for my end-user facing website (not admin). I sBeginner form question - Field value is 'null'Here is my form code: ``` public function form(Form $form): Form { return $form Repeat form components with morphToMany delete previous data and add new data.I have a user table and users may have different roles. Role could be added from form or other tableFileUpload BUGHello, @everyone! The.p12 automatically changes to.bin The.crt .pen to .txt Same with csv, js, cssHelp: Form Repeater -> Make Values Selectable Only OnceHi guys! Do you see any way to make Select/Toggle Values across repeater items selectable only once?