[Filament V4] Custom page action not executing

Actions✅ SolvedPanels4️⃣v4

Hi everyone,

I'm currently migrating my app to Filament V4 and I've encountered an issue when trying to add actions to a custom simple page.

In V3, I could define an action in the page class and render it in the Blade file like this: {{ $this->myAction }}, and it worked as expected. I'm trying to replicate that behavior in V4, but the action doesn't seem to execute properly when clicked.

Here’s what I’ve done so far:

 public function test(): Action
    {
        return Action::make('test')
            ->label('Test action')
            ->icon('heroicon-o-check')
            ->action(function () {
                Notification::make('test')
                    ->title('Test Action Executed')
                    ->success()
                    ->send();
            });
    }

 public function test(): Action
    {
        return Action::make('test')
            ->label('Test action')
            ->icon('heroicon-o-check')
            ->action(function () {
                Notification::make('test')
                    ->title('Test Action Executed')
                    ->success()
                    ->send();
            });
    }

And I put this on the blade file

{{$this->test()}} 

(Note: I also tried {{ $this->test }} like in V3, but that doesn’t work either.)

{{$this->test()}} 

(Note: I also tried {{ $this->test }} like in V3, but that doesn’t work either.)

The button renders correctly, and I can see a network request being made when I click it, but nothing happens, no notification is shown, and the action callback doesn’t seem to run.

Has the method for handling actions in custom pages changed in V4?

Any help would be appreciated, thanks in advance!

Solution

I got it to work, apparently, it only functions correctly if you explicitly specify the return type as : Action.

Jump to solution

[Filament V4] Custom page action not executing

Actions✅ SolvedPanels4️⃣v4

 public function test(): Action
    {
        return Action::make('test')
            ->label('Test action')
            ->icon('heroicon-o-check')
            ->action(function () {
                Notification::make('test')
                    ->title('Test Action Executed')
                    ->success()
                    ->send();
            });
    }

 public function test(): Action
    {
        return Action::make('test')
            ->label('Test action')
            ->icon('heroicon-o-check')
            ->action(function () {
                Notification::make('test')
                    ->title('Test Action Executed')
                    ->success()
                    ->send();
            });
    }

And I put this on the blade file

{{$this->test()}} 

(Note: I also tried {{ $this->test }} like in V3, but that doesn’t work either.)

{{$this->test()}} 

(Note: I also tried {{ $this->test }} like in V3, but that doesn’t work either.)

Solution

I got it to work, apparently, it only functions correctly if you explicitly specify the return type as : Action.

Jump to solution

[Filament V4] Custom page action not executing

[Filament V4] Custom page action not executing

Similar Threads

Similar Threads

Similar Threads