Modal on resource save action

Actions✅ SolvedForm builder5️⃣v5

I need to add a modal that pops up when the save button is clicked on the edit page for a specific resource.

The modal will then allow the user to select users to notify of the edit and send an email notification to the selected users.

The problem I am having is that although my modal pops up and I can process the modal form data in the action, any changes to the main form I am saving and not applied.

I have added the

getSaveFormAction

getSaveFormAction

method to my Edit page and modified I am modifying the parent method a simplified version of what need it to do:

protected function getSaveFormAction(): Action
{
    return Parent::getSaveFormAction()
        ->requiresConfirmation()
        ->modalHeading('Please select users to receive emails')
        ->form([
            TextInput::make('email')
                ->label('Email Address')
                ->email()
                ->required(),
        ])
        ->submit(null)
        ->action(function (array $data, Model $record): string {
            Notification::make()
                ->title('Emails to be sent to: ' .  $data['email'])
                ->success()
                ->send();

            return $this->getSubmitFormLivewireMethodName();
        });
}

protected function getSaveFormAction(): Action
{
    return Parent::getSaveFormAction()
        ->requiresConfirmation()
        ->modalHeading('Please select users to receive emails')
        ->form([
            TextInput::make('email')
                ->label('Email Address')
                ->email()
                ->required(),
        ])
        ->submit(null)
        ->action(function (array $data, Model $record): string {
            Notification::make()
                ->title('Emails to be sent to: ' .  $data['email'])
                ->success()
                ->send();

            return $this->getSubmitFormLivewireMethodName();
        });
}

Note I am returning null for

submit

submit

as if I leave the parent submit as is the modal never opens.

Laravel Version: v12.53.0
Livewire Version: v4.2.0
Filament Version: v5.2.3

Solution

Yes that is correct. I have however figured it out, I needed to change my action to this:

->action(function (array $data, Model $record): void {
    Notification::make()
        ->title('Emails to be sent to: ' .  $data['email'])
        ->success()
        ->send();

    $this->save();
});

->action(function (array $data, Model $record): void {
    Notification::make()
        ->title('Emails to be sent to: ' .  $data['email'])
        ->success()
        ->send();

    $this->save();
});

Jump to solution

Modal on resource save action

Actions✅ SolvedForm builder5️⃣v5

getSaveFormAction

getSaveFormAction

method to my Edit page and modified I am modifying the parent method a simplified version of what need it to do:

protected function getSaveFormAction(): Action
{
    return Parent::getSaveFormAction()
        ->requiresConfirmation()
        ->modalHeading('Please select users to receive emails')
        ->form([
            TextInput::make('email')
                ->label('Email Address')
                ->email()
                ->required(),
        ])
        ->submit(null)
        ->action(function (array $data, Model $record): string {
            Notification::make()
                ->title('Emails to be sent to: ' .  $data['email'])
                ->success()
                ->send();

            return $this->getSubmitFormLivewireMethodName();
        });
}

protected function getSaveFormAction(): Action
{
    return Parent::getSaveFormAction()
        ->requiresConfirmation()
        ->modalHeading('Please select users to receive emails')
        ->form([
            TextInput::make('email')
                ->label('Email Address')
                ->email()
                ->required(),
        ])
        ->submit(null)
        ->action(function (array $data, Model $record): string {
            Notification::make()
                ->title('Emails to be sent to: ' .  $data['email'])
                ->success()
                ->send();

            return $this->getSubmitFormLivewireMethodName();
        });
}

Note I am returning null for

submit

submit

as if I leave the parent submit as is the modal never opens.

Laravel Version: v12.53.0
Livewire Version: v4.2.0
Filament Version: v5.2.3

Solution

Yes that is correct. I have however figured it out, I needed to change my action to this:

->action(function (array $data, Model $record): void {
    Notification::make()
        ->title('Emails to be sent to: ' .  $data['email'])
        ->success()
        ->send();

    $this->save();
});

->action(function (array $data, Model $record): void {
    Notification::make()
        ->title('Emails to be sent to: ' .  $data['email'])
        ->success()
        ->send();

    $this->save();
});

Jump to solution

Modal on resource save action

Modal on resource save action

Similar Threads

Similar Threads

Similar Threads