Conditional Custom Navigation by Data Id

[fahmiSD]

Package

Panel builder

Package Version

v3.2.52

How can we help you?

Hello, I'm trying to create a custom navigation panel in Filament where each navigation item corresponds to a specific data row from a table. Here's my current code:

NavigationItem::make('Hak Pelanggan')
    ->url('/admin/hak-kewajiban-pelanggans/1/edit')
    ->icon('heroicon-o-user-circle')
    ->isActiveWhen(fn (): bool => 
        request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit')
    ),

NavigationItem::make('Kewajiban Pelanggan')
    ->url('/admin/hak-kewajiban-pelanggans/2/edit')
    ->icon('heroicon-o-check-circle')
    ->isActiveWhen(fn (): bool => 
        request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit')
    ),

NavigationItem::make('Larangan Pelanggan')
    ->url('/admin/hak-kewajiban-pelanggans/3/edit')
    ->icon('heroicon-o-x-circle')
    ->isActiveWhen(fn (): bool => 
        request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit')
    ),

The issue is that when I access one menu (e.g., /admin/hak-kewajiban-pelanggans/1/edit), all the other menus are marked as active too. This happens because the isActiveWhen condition only checks the route name, not the specific ID.

To solve this, I tried adding an ID check like this:

->isActiveWhen(fn (): bool => (
    request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit') 
    && request()->route('id') == 3
)),

But it doesn't work. The menu items are still behaving the same way.

Does anyone know how to properly implement per-item active state based on both the route and ID?

[fahmiSD]

I found the solution to my issue and wanted to share it in case others face the same problem. The goal is to highlight the correct navigation item based on the specific resource ID (such as 1, 2, or 3).

NavigationItem::make('Hak Pelanggan')
    ->url('/admin/hak-kewajiban-pelanggans/1/edit')
    ->icon('heroicon-o-user-circle')
    ->isActiveWhen(fn (): bool => (
        request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit') &&
        request()->route()->parameter('record') == 1
    )),

NavigationItem::make('Kewajiban Pelanggan')
    ->url('/admin/hak-kewajiban-pelanggans/2/edit')
    ->icon('heroicon-o-check-circle')
    ->isActiveWhen(fn (): bool => (
        request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit') &&
        request()->route()->parameter('record') == 2
    )),

NavigationItem::make('Larangan Pelanggan')
    ->url('/admin/hak-kewajiban-pelanggans/3/edit')
    ->icon('heroicon-o-x-circle')
    ->isActiveWhen(fn (): bool => (
        request()->routeIs('filament.admin.resources.hak-kewajiban-pelanggans.edit') &&
        request()->route()->parameter('record') == 3
    )),