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:

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

Jump to solution

Filament•16mo ago•

4 replies

Expecto Patronum

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:

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

Jump to solution

Form Component : Size avatar in Fileupload

Similar Threads

Form Component : Size avatar in Fileupload

Similar Threads

Similar Threads

Similar Threads