Filament•3mo ago

Any cool plugins to handle display of multiple uploads?

I have a repeater and each element is likely to have multiple photos. Does anyone know of a plugin to handle the layout a bit better? The stack of photos is a bit much. Open to ideas!

Solution:

If you don't want custom theme then another one is to put your fileupload to new line (below select) with full width. and use ->panelLayout('grid') to display images as grid layouts. ~~(not sure panelsLayout('grid') is the correct api or not 🤣 )~~

Jump to solution

7 Replies

awcodes•3mo ago

Best bet is going to be a custom theme and trying to change it with css.

Solution

Vp•3mo ago

Something like this

Emaz•3mo ago

That's exactly what I want but where do I set ->panelLayout('grid')? I don't see it in the docs. Oh it's a SpatieMediaLibraryFileUpload method, thanks!!!! Now I wish I could reorder them but that's a big ask I guess. LOL

Vp•3mo ago

No big, but need to check docs.. here it is https://filamentphp.com/docs/3.x/forms/fields/file-upload#reordering-files

File upload - Form Builder - Filament

Emaz•3mo ago

Correction, it's a Filament method, in case anyone else needs this https://www.youtube.com/watch?v=N036kkmwTe0

Filament Daily

YouTube

Filament Table Grid: Change Layout Drastically

Filament allows you to change the table layout with Grid, Stack, Split, and others. - See the docs: https://filamentphp.com/docs/3.x/tables/layout#controlling-column-width-using-a-grid - Full Example. LMS: Learning Management System https://filamentexamples.com/project/lms-learning-management-system - More Filament examples on our website: http...

Emaz•3mo ago

Brilliant! Thanks! In case others need the answer:

    Forms\Components\SpatieMediaLibraryFileUpload::make('photos')
        ->label('Room Photos')
        ->multiple()
        ->collection('rooms')
        ->panelLayout('grid')
        ->reorderable()
        ->required(),

    Forms\Components\SpatieMediaLibraryFileUpload::make('photos')
        ->label('Room Photos')
        ->multiple()
        ->collection('rooms')
        ->panelLayout('grid')
        ->reorderable()
        ->required(),

Gaming

Programming

Any cool plugins to handle display of multiple uploads?