Dashboard widgets' layout is not working

Hello,

I have widgets on the dashboard that I am unable to properly put in a grid.

This is what it currently looks like:

Dashboard Widgets

I want the top 3 stat widgets to be 4/12 + 4/12 + 4/12

The regular widgets should be 6/12 + 6/12.

I created a new Dashboard page in app/Filament/Pages/Dashboard.php and overrided the getColumns:

class Dashboard extends \Filament\Pages\Dashboard
{
    public function getColumns(): int | string | array
    {
        return 3;
    }
}

And then in my widgets, I'm adding the following:

protected int | string | array $columnSpan = 1;

But this isn't working, as seen in the screenshot above.

Any help please?

Best Answer

Level 10

I figured it out, the trick is to combine multiple widgets in the same file. The layout will then fix itself.

1 like

Level 9

Can you tell me more that did you mean when you said combine multiple widgets into the same file?

Please or to participate in this conversation.