© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
6 replies
dyo

How close filament modal in custom page

<x-filament::modal id='custom-modal-handle'>
    <x-slot name='header'>Tambah Nominal</x-slot>
    <div>{{ $this->form }}</div>
    <x-slot name="actions">
        <div class="flex justify-end">
            <button type="submit" wire:click='save'>
                Simpan
            </button>
        </div>
    </x-slot>
</x-filament::modal>
<x-filament::modal id='custom-modal-handle'>
    <x-slot name='header'>Tambah Nominal</x-slot>
    <div>{{ $this->form }}</div>
    <x-slot name="actions">
        <div class="flex justify-end">
            <button type="submit" wire:click='save'>
                Simpan
            </button>
        </div>
    </x-slot>
</x-filament::modal>


I have this modal form in filament custom page.

how can I close the modal when user submit the form?
Solution
thanks a lot for your response..
that's didn't work for me..

but I tried with this, and it works..

 $this->dispatchBrowserEvent('close-modal', ['id' => 'custom-modal-handle']);
 $this->dispatchBrowserEvent('close-modal', ['id' => 'custom-modal-handle']);
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

How open modal in mount, filament page
FilamentFFilament / ❓┊help
13mo ago
Custom close modal button
FilamentFFilament / ❓┊help
2y ago
Close Modal Custom Page Livewire Not Working Correctly
FilamentFFilament / ❓┊help
2y ago
Filament - Custom Modal - Help
FilamentFFilament / ❓┊help
2y ago