Filament•2mo ago

Using grids on dashboards?

Is there a way to use Grids on dashboards? I mean, I wanna put widgets into grids, so that I can have something like this:

5 Replies

bernhardOP•2mo ago

I mean basically something like:

    public function getWidgets(): array
    {
        return [
            Grid::make(3)
                ->schema([
                    Grid::make(1)
                        ->schema([
                            AccountWidget::class,
                            AccountWidget::class,
                            AccountWidget::class,
                        ]),
                    Grid::make(2)
                        ->schema([
                            AccountWidget::class,
                            AccountWidget::class,
                        ]),
                    Grid::make(1)
                        ->schema([
                            AccountWidget::class,
                            AccountWidget::class,
                            AccountWidget::class,
                        ])
                ]),
        ];
    }

    public function getWidgets(): array
    {
        return [
            Grid::make(3)
                ->schema([
                    Grid::make(1)
                        ->schema([
                            AccountWidget::class,
                            AccountWidget::class,
                            AccountWidget::class,
                        ]),
                    Grid::make(2)
                        ->schema([
                            AccountWidget::class,
                            AccountWidget::class,
                        ]),
                    Grid::make(1)
                        ->schema([
                            AccountWidget::class,
                            AccountWidget::class,
                            AccountWidget::class,
                        ])
                ]),
        ];
    }

LeandroFerreira•2mo ago

I don't think so. I think you can only use getColumns()

Overview - Widgets - Filament

Julien B. (aka yebor974)•2mo ago

Maybe this will help you https://filamentmastery.com/articles/filament-widgets-grid-layout-dashboard-responsive-design

Filament Mastery

Filament Widgets: Grid Layout, Dashboard & Responsive Design - Fila...

Learn how to structure Filament widgets with a flexible grid layout for a responsive and customizable dashboard.

bernhardOP•2mo ago

Thanks for the link. The blog post is interesting and well written, and it’s definitely perfect for beginners. But unfortunately, it doesn’t really help me with my problem. Still, thanks!

Dennis Koch•2mo ago

If it's just for your dashboard and not for a package, you might be able to accomplish this with CSS?

Gaming

Programming

Using grids on dashboards?

Did you find this page helpful?