FilamentF
Filament•3y ago
Jon Mason

Open modal from edit table action

How can I open a modal from the edit action of a table row. I want to have a slide-over where I can edit the record. I have this in my table actions:

->actions([
                Action::make('edit')
                    ->action(fn (StatementTransaction $transaction) => $this->dispatch('open-modal', id: 'edit-transaction')
            ]);


It doesn't do anything, and I also need to pass a parameter. I have a Livewire component for the edit transaction modal, so I'd ideally like to open that when the row is clicked, unless there's an easier magic way to edit table rows in a modal. Can't seem to find anything in the docs that would allow me to do this, but I feel like it should be possible.

I've also tried:

                Action::make('edit')
                    ->icon('heroicon-m-pencil-square')
                    ->iconButton()
                    ->modalContent(fn (StatementTransaction $transaction): View => view('livewire.components.statements.edit-statement-transaction', ['transaction' => $transaction]))
                    ->slideOver()
Solution
The last bit of my question seems to be how to do it based on this github discussion:

https://github.com/filamentphp/filament/discussions/7529

but it's not working.
GitHub
How to show livewire component as modal window for filament table a...
I am going to show a livewire component in modal window when user clicks a filament table action. protected function getTableActions() { return [ ActionGroup::make([ ViewAction::make()->form([ T...
Jump to solution
Was this page helpful?