Modifier la page Dashboard par défaut

Introduction

Par défaut, Filament affiche une page Dashboard standard avec quelques widgets intégrés. Cependant, il est souvent nécessaire de la modifier pour afficher des informations spécifiques à votre application. Dans cet article, nous allons voir comment créer une page Dashboard personnalisée et la configurer dans votre panel.

Étape 1 : Créer une Page Dashboard Personnalisée

Dans votre application Laravel, créez un fichier Dashboard.php dans app/Filament/Pages/ :

<?php

namespace App\Filament\Pages;

use Filament\Widgets\AccountWidget;
use Filament\Widgets\FilamentInfoWidget;

class Dashboard extends \Filament\Pages\Dashboard
{
    protected static ?string $navigationIcon = 'heroicon-o-home';

    public function getWidgets(): array
    {
        return [
            // Ajoutez ici vos widgets personnalisés
            AccountWidget::class,
            FilamentInfoWidget::class,
        ];
    }
}

Explication du Code

• Dashboard extends \Filament\Pages\Dashboard : On hérite de la classe Dashboard existante pour la personnaliser.
• protected static ?string $navigationIcon = 'heroicon-o-home'; : Définit une icône pour la navigation.
• getWidgets() : Permet d’ajouter des widgets à votre tableau de bord. Ici, nous avons ajouté AccountWidget et FilamentInfoWidget, mais vous pouvez y mettre vos propres widgets.

Étape 2 : Retirer la Page Dashboard par Défaut

Dans votre PanelProvider, supprimez la page Dashboard par défaut en définissant explicitement les pages à afficher :

->pages([
    // Ajoutez ici vos autres pages Filament
])

Cela empêche Filament d’utiliser son Dashboard par défaut et force l’affichage de la version personnalisée.

Conclusion

Grâce à ces étapes, vous pouvez modifier et personnaliser la page Dashboard de Filament selon vos besoins. En ajoutant des widgets spécifiques, vous adaptez l’interface pour mieux correspondre aux attentes des utilisateurs de votre application.

🚀 Essayez cette méthode pour un Dashboard plus pertinent et efficace !