F
Filament•16mo ago
pocket.racer

how to center infolist entry?

My image keep appear at the left instead of at the center my code which you can see I used ->alignCenter() but it doesn't work (alignCenter() wasn't mentioned in the docs, but the docs didn't mention how to center infolist entries either) 
ImageEntry::make('page_logo_image')
                                    ->label('')
                                    ->columnSpanFull()
                                    ->alignCenter()
                                    ->defaultImageUrl(url('/images/icons/page-1-logo.png')),
ImageEntry::make('page_logo_image')
                                    ->label('')
                                    ->columnSpanFull()
                                    ->alignCenter()
                                    ->defaultImageUrl(url('/images/icons/page-1-logo.png')),
I plan to have a few other text entries centered too. and some of the left. I have also tried to remove ->columnSpanFull() but it didn't work, the image still appear at the left
Solution:
Not sure, but here's something to try: 
    ->extraAttributes(['class' => 'justify-center'])
    ->extraAttributes(['class' => 'justify-center'])
...
Jump to solution
3 Replies
pocket.racer
pocket.racerOP•16mo ago
bump
Solution
Patrick Boivin
Patrick Boivin•16mo ago
Not sure, but here's something to try: 
    ->extraAttributes(['class' => 'justify-center'])
    ->extraAttributes(['class' => 'justify-center'])
pocket.racer
pocket.racerOP•16mo ago
hope filament provide a native method in the future but for now ur method looks working. Thanks!

Did you find this page helpful?