Filament•8mo ago

how to change the look & feel of repeater field?

The repeater field occupies too much screen real estate and I would prefer to change its appearance in terms of a. Removing the titles in each repeater entry and have it only on the first one b. Removing the additional header section which holds sequence buttons & delete icon and have them on the same row of repeater fields c. Ability to manage the margins/padding around the fields to make it look compact. How to go about making these layout changes for this field? Please guide.

6 Replies

awcodes•8mo ago

You can always extend it with your own view. That’s all I’m doing with #awcodes-table-repeater

Povilas K•8mo ago

@code jam if by "too much screen" you mean vertically, a quick "hack" would be just to use grid, maybe? Here's our example from one of our demos:

Repeater::make('translations')
    ->columnSpanFull()
    ->grid(3)
    ->schema([
        // ...
    ])

Repeater::make('translations')
    ->columnSpanFull()
    ->grid(3)
    ->schema([
        // ...
    ])

code jamOP•8mo ago

Well, I am referring to the card height here. I would like its height to be 1/3rd of what we are seeing in the example, by removing the header (where we have the delete button) and taking off the labels for the fields (and have it only at the first row - when we have one card per row instead of a grid of 3). When you have 4-5 or more repeater fields, the screen space taken up is huge and a table like form view for the repeater rows would be better (IMO).

Povilas K•8mo ago

Yeah I understand what you mean, I just offered a quick hack without digging deeper into more complex custom solutions

awcodes•8mo ago

if you really just want a table layout: https://filamentphp.com/plugins/awcodes-table-repeater

code jamOP•8mo ago

Thank you, I missed your previous comment. This seems to be exactly what we need.

Gaming

Programming

how to change the look & feel of repeater field?