F
Filament15mo ago
MRBUG

infolist

I want to show the user and image like this in filament infolist how can i do i am using Split but it is not looking good i want like that in infolist . like given in this image how can I get that? here i am using this code but its showing like the below image but the distance between this image is very big. in Info list Group::make([ Split::make([ ImageEntry::make('user.profile_photo_path')->alignEnd() ->circular()->label('Profile photo')->extraImgAttributes(['loading' => 'lazy'])->height(25), TextEntry::make('user.name') ->weight(FontWeight::Bold)->url(static fn (Model $record): string => UserResource::getUrl('edit', ['record' => $record->user])) ->label('Client Name'), ]), ]), here is the image that i got but it has a gap and i want like this but it's not looking good code Group::make([ Split::make([ ImageEntry::make('user.profile_photo_path')->alignEnd() ->circular()->label('')->extraImgAttributes(['loading' => 'lazy'])->height(25), TextEntry::make('user.name') ->weight(FontWeight::Bold)->url(static fn (Model $record): string => UserResource::getUrl('edit', ['record' => $record->user])) ->label('Client Name'), ]), ]), and here is the image
No description
2 Replies
DrByte
DrByte15mo ago
It may be best to make your own component if you want complete control over spacing. Or, explore the rendered HTML looking for CSS class names applied to those elements, and add some custom CSS to override it.
MRBUG
MRBUGOP15mo ago
ok thanks

Did you find this page helpful?