Filament•4mo ago

[Filament v3] StatsOverview Widget Not Showing on Custom Dashboard Page

Hi everyone, I'm currently working with Filament v3, and I'm trying to build a custom dashboard page that shows a StatsOverviewWidget. However, the widget does not appear on the page even though I believe I’ve registered everything correctly. I generated the widget using the command, and choose admin panel

php artisan make:filament-widget StatsOverview --stats-overview

php artisan make:filament-widget StatsOverview --stats-overview

<?php

namespace App\Filament\Widgets;

use App\Models\User;
use App\Models\Booking;
use App\Models\Transaction;
use Filament\Widgets\StatsOverviewWidget\Stat;
use Filament\Widgets\StatsOverviewWidget as BaseWidget;

class StatsOverview extends BaseWidget
{
    protected function getStats(): array
    {
        return [
            Stat::make('Total Users', User::count()),
            Stat::make('Pending Booking Today', Booking::whereDate('created_at', today())->count()),
            Stat::make('Transaction Created Today', Transaction::whereDate('created_at', today())->count()),
            Stat::make('Unique views', '192.1k')
                ->description('32k increase')
                ->descriptionIcon('heroicon-m-arrow-trending-up')
                ->chart([7, 2, 10, 3, 15, 4, 17])
                ->color('success'),
        ];
    }
}

<?php

namespace App\Filament\Widgets;

use App\Models\User;
use App\Models\Booking;
use App\Models\Transaction;
use Filament\Widgets\StatsOverviewWidget\Stat;
use Filament\Widgets\StatsOverviewWidget as BaseWidget;

class StatsOverview extends BaseWidget
{
    protected function getStats(): array
    {
        return [
            Stat::make('Total Users', User::count()),
            Stat::make('Pending Booking Today', Booking::whereDate('created_at', today())->count()),
            Stat::make('Transaction Created Today', Transaction::whereDate('created_at', today())->count()),
            Stat::make('Unique views', '192.1k')
                ->description('32k increase')
                ->descriptionIcon('heroicon-m-arrow-trending-up')
                ->chart([7, 2, 10, 3, 15, 4, 17])
                ->color('success'),
        ];
    }
}

<?php

namespace App\Filament\Pages;

use App\Filament\Widgets\AdminWidgets;
use Filament\Pages\Dashboard as BaseDashboard;

class DashboardAdmin extends BaseDashboard
{
    protected static ?string $navigationIcon = 'heroicon-o-home';
    protected ?string $heading = 'Analytics';

    protected function getHeaderWidgets(): array
    {
        return [
            AdminWidgets::class,
        ];
    }
}

<?php

namespace App\Filament\Pages;

use App\Filament\Widgets\AdminWidgets;
use Filament\Pages\Dashboard as BaseDashboard;

class DashboardAdmin extends BaseDashboard
{
    protected static ?string $navigationIcon = 'heroicon-o-home';
    protected ?string $heading = 'Analytics';

    protected function getHeaderWidgets(): array
    {
        return [
            AdminWidgets::class,
        ];
    }
}

4 Replies

ArlyzatunOP•4mo ago

public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
             ...
            ->viteTheme('resources/css/filament/member/theme.css')
            ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
            ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
            ->pages([
                Pages\Dashboard::class,
                // \App\Filament\Pages\DashboardAdmin::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Widgets'), for: 'App\\Filament\\Widgets')
            ->widgets([
                Widgets\AccountWidget::class,
                Widgets\FilamentInfoWidget::class,
                // AdminWidgets::class
            ])
    }

public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
             ...
            ->viteTheme('resources/css/filament/member/theme.css')
            ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
            ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
            ->pages([
                Pages\Dashboard::class,
                // \App\Filament\Pages\DashboardAdmin::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Widgets'), for: 'App\\Filament\\Widgets')
            ->widgets([
                Widgets\AccountWidget::class,
                Widgets\FilamentInfoWidget::class,
                // AdminWidgets::class
            ])
    }

Dennis Koch•4mo ago

The Dashboard page uses getWidgets() method to define widgets. This should do the trick:

    protected function getWidgets(): array
    {
        return [
            AdminWidgets::class,
        ];
    }

    protected function getWidgets(): array
    {
        return [
            AdminWidgets::class,
        ];
    }

ArlyzatunOP•3mo ago

Method 'App\Filament\Pages\DashboardAdmin::getWidgets()' is not compatible with method 'Filament\Pages\Dashboard::getWidgets()'.

Method 'App\Filament\Pages\DashboardAdmin::getWidgets()' is not compatible with method 'Filament\Pages\Dashboard::getWidgets()'.

<?php

namespace App\Filament\Pages;

use App\Filament\Widgets\AdminWidgets;
use Filament\Pages\Dashboard as BaseDashboard;

class DashboardAdmin extends BaseDashboard
{
    protected static ?string $navigationIcon = 'heroicon-o-home';
    protected ?string $heading = 'Analytics';

    // protected function getHeadergetWidgets(): array
    // {
    //     return [
    //         AdminWidgets::class,
    //     ];
    // }
    
    protected function getWidgets(): array
    {
        return [
            AdminWidgets::class,
        ];
    }    
}

<?php

namespace App\Filament\Pages;

use App\Filament\Widgets\AdminWidgets;
use Filament\Pages\Dashboard as BaseDashboard;

class DashboardAdmin extends BaseDashboard
{
    protected static ?string $navigationIcon = 'heroicon-o-home';
    protected ?string $heading = 'Analytics';

    // protected function getHeadergetWidgets(): array
    // {
    //     return [
    //         AdminWidgets::class,
    //     ];
    // }
    
    protected function getWidgets(): array
    {
        return [
            AdminWidgets::class,
        ];
    }    
}

btw i have 2 panel, admin and user, and i want custom admin's dashboard @Dennis Koch

ArlyzatunOP•3mo ago

i also try to remove the default widget but they still shown

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->darkMode(false)
            ->id('admin')
            ->path('admin')
            ->login()
            ->colors([
                'primary' => Color::Blue,
            ])
            -
>viteTheme('resources/css/filament/member/theme.css')
            ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
            ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
            ->pages([
                // Pages\Dashboard::class,
                // \App\Filament\Pages\DashboardAdmin::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Widgets'), for: 'App\\Filament\\Widgets')
            ->widgets([
                // Widgets\AccountWidget::class,
                // Widgets\FilamentInfoWidget::class,
            ])
            ->middleware([
                EncryptCookies::class,
                AddQueuedCookiesToResponse::class,
                StartSession::class,
                AuthenticateSession::class,
                ShareErrorsFromSession::class,
                VerifyCsrfToken::class,
                SubstituteBindings::class,
                DisableBladeIconComponents::class,
                DispatchServingFilamentEvent::class,
                AdminPanelOnly::class,
                CheckFirstLogin::class,
            ])
            ->authMiddleware([
                Authenticate::class,
            ])
            ->plugins([
                \BezhanSalleh\FilamentShield\FilamentShieldPlugin::make(),
            ]);
    }
}

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->darkMode(false)
            ->id('admin')
            ->path('admin')
            ->login()
            ->colors([
                'primary' => Color::Blue,
            ])
            -
>viteTheme('resources/css/filament/member/theme.css')
            ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
            ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
            ->pages([
                // Pages\Dashboard::class,
                // \App\Filament\Pages\DashboardAdmin::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Widgets'), for: 'App\\Filament\\Widgets')
            ->widgets([
                // Widgets\AccountWidget::class,
                // Widgets\FilamentInfoWidget::class,
            ])
            ->middleware([
                EncryptCookies::class,
                AddQueuedCookiesToResponse::class,
                StartSession::class,
                AuthenticateSession::class,
                ShareErrorsFromSession::class,
                VerifyCsrfToken::class,
                SubstituteBindings::class,
                DisableBladeIconComponents::class,
                DispatchServingFilamentEvent::class,
                AdminPanelOnly::class,
                CheckFirstLogin::class,
            ])
            ->authMiddleware([
                Authenticate::class,
            ])
            ->plugins([
                \BezhanSalleh\FilamentShield\FilamentShieldPlugin::make(),
            ]);
    }
}

Gaming

Programming

[Filament v3] StatsOverview Widget Not Showing on Custom Dashboard Page

Did you find this page helpful?