Form Component : Size avatar in Fileupload

Hi all , i have a question . im using fileupload and set avatar mode . is there a way to resize to make it a bit bigger ? because default size is small
Screenshot_2024-11-05_at_1.31.11_PM.png
Solution
You have to do two things to change the size, the first is to change the size of the field container like this:

FileUpload::make('avatar')
    ->avatar()
    ->extraAttributes([
        'style' => 'width: 500px; height: 500px;'
    ]),


Then you need to add this CSS to your Filament theme:

.filepond--root {
    width: 500px !important;
    height: 500px !important;
}
Was this page helpful?