How to change multiple file upload grid column

If I use

->panelLayout('grid')

->panelLayout('grid')

inside

Fileupload::make()

Fileupload::make()

then my file upload are split into 3 columns, how can I change the columns for example 5 columns

Forms\Components\FileUpload::make('attachments')
    ->multiple()
    ->maxFiles(10)
    ->panelLayout('grid'),

Forms\Components\FileUpload::make('attachments')
    ->multiple()
    ->maxFiles(10)
    ->panelLayout('grid'),

Solution

You would have to do this with a css override. See https://github.com/filamentphp/filament/blob/3.x/packages/forms/resources/css/components/file-upload.css

GitHub

filament/packages/forms/resources/css/components/file-upload.css at...

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament

Jump to solution

Filament•3y ago•

4 replies

How to change multiple file upload grid column

If I use

->panelLayout('grid')

->panelLayout('grid')

inside

Fileupload::make()

Fileupload::make()

then my file upload are split into 3 columns, how can I change the columns for example 5 columns

Forms\Components\FileUpload::make('attachments')
    ->multiple()
    ->maxFiles(10)
    ->panelLayout('grid'),

Forms\Components\FileUpload::make('attachments')
    ->multiple()
    ->maxFiles(10)
    ->panelLayout('grid'),

Solution

You would have to do this with a css override. See https://github.com/filamentphp/filament/blob/3.x/packages/forms/resources/css/components/file-upload.css

GitHub

filament/packages/forms/resources/css/components/file-upload.css at...

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament

Jump to solution

How to change multiple file upload grid column

How to change multiple file upload grid column

Similar Threads

Similar Threads

Similar Threads