Filament•2y ago

Form Builder: Modal-Form Action

Is it possible to create a form inside a modal which get triggered from a button / action (like in the table builder / admin panel) with the form builder package only? Background: I would like to use the Form Builder in a existing laravel (non filament) project and benefit from the forms and modals. Thank you!

22 Replies

Dan Harrin•2y ago

in v3 this is possible

LeandroFerreira•2y ago

Hi @prodex, I have a project with form builder and it is possible. Take a look:

LeandroFerreira•2y ago

toeknee•2y ago

You can use custom views obviously, and if an action within a form you can use drop-in-action

LeandroFerreira•2y ago

<!-- register-form.blade.php -->
<x-filament-support::modal 
    id="modalForm" 
    darkMode="true" 
    width="xl">

    <form wire:submit.prevent="submit">

        {{ $this->form }}

        <x-filament-support::button 
            class="mt-4"
            type="submit" 
            wire:target='submit'>
            Submit
        </x-filament-support::button>

    </form>

</x-filament-support::modal>

<x-filament-support::button 
    @click="$dispatch('open-modal', { id: 'modalForm' })"
    class="mt-4"
    type="button">
    Open the modal
</x-filament-support::button>

<!-- register-form.blade.php -->
<x-filament-support::modal 
    id="modalForm" 
    darkMode="true" 
    width="xl">

    <form wire:submit.prevent="submit">

        {{ $this->form }}

        <x-filament-support::button 
            class="mt-4"
            type="submit" 
            wire:target='submit'>
            Submit
        </x-filament-support::button>

    </form>

</x-filament-support::modal>

<x-filament-support::button 
    @click="$dispatch('open-modal', { id: 'modalForm' })"
    class="mt-4"
    type="button">
    Open the modal
</x-filament-support::button>