Filament•2mo ago

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

Solution:

You have to do two things to change the size, the first is to change the size of the field container like this: ```php FileUpload::make('avatar') ->avatar()...

Jump to solution

2 Replies

Solution

Roberto S.•2mo ago

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;'
    ]),

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;
}

.filepond--root {
    width: 500px !important;
    height: 500px !important;
}

Expecto PatronumOP•2mo ago

Thanks man. It worked.

Gaming

Programming

Form Component : Size avatar in Fileupload