How do I go about aligning the widgets on a custom dashboard?

I created a new dashboard and added widgets with the following code

public function getHeaderWidgets(): array
{
    return [
        AccountWidget::class,
        AppointmentCount::class,
    ];
}

public function getHeaderWidgets(): array
{
    return [
        AccountWidget::class,
        AppointmentCount::class,
    ];
}

10 Replies

Abi•3mo ago

bump up

christmex•3mo ago

what do u want to achieve?, i think there is no way, except you create custom widget [https://filamentphp.com/docs/3.x/widgets/adding-a-widget-to-a-blade-view#overview] or you can add extraAttribute for each card [https://filamentphp.com/docs/3.x/widgets/stats-overview#adding-extra-html-attributes-to-a-stat]

Adding a widget to a Blade view - Widgets - Filament

Stats overview widgets - Widgets - Filament

christmex•3mo ago

thts wht i know, cmiiw

Abi•3mo ago

Trying to align the AccountWidget and AppointmentCount widgets on the same line.

toeknee•3mo ago

You need to ensure the account widget has a column span of 1, it is either two or full.

Abi•3mo ago

the account widget is the default one provided by filament. how do I change the column span for that? tried to create a widget and extended the default filament class and added set the column span 1 and that didn't help either

Abi•3mo ago

ok, got it working, needed to set the column span for the other widget as well. but a new problem. Need to make the height of both the widgets the same.

Absolium•3mo ago

For me adding a maxheight the widgets solved my problem

Abi•3mo ago

as extra attributes?

Absolium•3mo ago

Sorry I didn’t see your message. Setting this is what worked for me https://filamentphp.com/docs/3.x/widgets/charts#setting-chart-configuration-options

Chart widgets - Widgets - Filament

Gaming

Programming

How do I go about aligning the widgets on a custom dashboard?