Grid in widgets

Hi, I want make widget with custom grid. Something like that (image). How I can do that?

3 Replies

Just make a custom widget and put a div in it with the appropriate tailwind classes to make your grid. Widgets are just livewire components so they work the same way.

Jakub•7mo ago

https://filamentphp.com/docs/3.x/forms/layout/grid Check this out

Grid - Form Builder - Filament

Jakub•7mo ago

You would do a 3 column grid And do columnspan(2) on the 2nd section

Grid::make([
    'default' => 1,
    'sm' => 3,

])
->schema([
    Section::make()
        ->schema([
            TextInput::make('name')
            // ...
        ]),
    Section::make()
        ->schema([
            TextInput::make('name')
            // ...
        ])->columnSpan(2)
])

Grid::make([
    'default' => 1,
    'sm' => 3,

])
->schema([
    Section::make()
        ->schema([
            TextInput::make('name')
            // ...
        ]),
    Section::make()
        ->schema([
            TextInput::make('name')
            // ...
        ])->columnSpan(2)
])

Just change text input to TextEntry and your other info list stuff

Gaming

Programming

Grid in widgets