Filament•13mo ago

Show images in columns in Infolist Image Entrey

You can make Image Entry list the images in columns, like 4 columns. Here for me it is listing all the images in a single line without making a line break after 4 images. Thanks

Fieldset::make('fotos')
                    ->label('Fotos do imóvel')
                    ->schema([
                        ImageEntry::make('imagens')
                            ->label('')
                            ->disk('public')
                            ->columns(4)
                    ])
                    ->columnSpanFull(),

Fieldset::make('fotos')
                    ->label('Fotos do imóvel')
                    ->schema([
                        ImageEntry::make('imagens')
                            ->label('')
                            ->disk('public')
                            ->columns(4)
                    ])
                    ->columnSpanFull(),

5 Replies

DrByte•13mo ago

Might need to wrap it in a Grid or Split

joao nivaldoOP•13mo ago

Hello, do it this way?

Split::make([
                    ImageEntry::make('imagens')
                        ->label('')
                        ->disk('public'),
                ])->columns(4),

Split::make([
                    ImageEntry::make('imagens')
                        ->label('')
                        ->disk('public'),
                ])->columns(4),

Both Grid and Split didn't work either. It stayed the same way.

DrByte•13mo ago

After looking further, the component doesn't support displaying them with line-breaks.

DrByte•13mo ago

You can limit the number of images displayed: https://filamentphp.com/docs/3.x/infolists/entries/image#setting-a-limit

Image entry - Infolist Builder - Filament

DrByte•13mo ago

I suppose you might be able to target the containing element with CSS and enforce some sort of wrapping that way. This is the component that displays the images: https://github.com/filamentphp/filament/blob/3.x/packages/infolists/resources/views/components/image-entry.blade.php

GitHub

filament/packages/infolists/resources/views/components/image-entry....

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

Gaming

Programming

Show images in columns in Infolist Image Entrey