Filling data in custom forms on a custom page does not work | Filament | Page 1

hybrid coyote May 9, 2025, 2:23 PM

#

I am trying to have two forms on a custom page for a resource. Neither of forms is attached to the model.
I am unable to populate the form with data. It just doesn't do anything. Here's what I've done:

class TakePaymentPage extends Page
{
    // ...

    protected function getForms(): array
    {
        return [
            'manualPaymentForm',
            'stripePaymentForm',
        ];
    }

    public function manualPaymentForm(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Manual Payment')
                    ->columns(2)
                    ->schema([
                        TextInput::make('customer_name')
                            ->label('Customer'),
                        TextInput::make('customer_email')
                            ->label('Email'),
                        TextInput::make('reference'),
                    ]),
            ])
            ->fill([
                 'customer_name' => $this->record->customer->fullName(),
                 'customer_email' => $this->record->customer->email,
            ])
        ;
    }
}

I've checked, when method is executed, $this->record is populated, if I do dd($form) in that method, it seems form has the details.

But when page is rendered, the details are not populated.

What am I doing wrong?

final yewBOT May 9, 2025, 2:23 PM

#

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> ✅ Mark Solution

hybrid coyote May 9, 2025, 2:27 PM

#

Filling data in custom forms on a custom page does not work

loud hatch May 9, 2025, 2:28 PM

#

Make sure you are calling the fill() method on both forms in mount()

hybrid coyote May 9, 2025, 2:32 PM

#

how can I do that in mount()?

#

both manualPaymentForm() and stripePaymentForm() methods take Form object, how do I get them in mount() method? 🤔

#

For the record, this inside mount() method:

        $this->manualPaymentForm->fill([
            'customer_name' => $this->record->customer->fullName(),
            'customer_email' => $this->record->customer->email,
        ]);

...did not work.

#

I have followed this guide: https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component

Adding a form to a Livewire component - Forms - Filament

#

Just used two forms instead of one...

loud hatch May 9, 2025, 3:03 PM

#

How are you outputting them in the blade file?

hybrid coyote May 9, 2025, 3:15 PM

#

<x-filament-panels::page>
    <form wire:submit.prevent="submitStripePayment">
        {{ $this->stripePaymentForm }}
        <x-filament::button type="submit" class="mt-3">Pay</x-filament::button>
    </form>

    <form wire:submit.prevent="submitManualPayment">
        {{ $this->manualPaymentForm }}
        <x-filament::button type="submit" class="mt-3">Confirm manual payment</x-filament::button>
    </form>
</x-filament-panels::page>

loud hatch May 9, 2025, 3:57 PM

#

Hmm. All that looks ok. But you’re missing the statePath() on each form. Make sure you haven’t missed any of the steps here: https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component#using-multiple-forms

Adding a form to a Livewire component - Forms - Filament

hybrid coyote May 11, 2025, 5:41 PM

#

Ok, figured this one out. Turns out that, I was missing properties for the forms, so:

    public ?array $manualPayment = [];
    public ?array $stripePayment = [];

Then, the statePath() had to be set to match their names, once that was added, forms are prepopulated with data now 👍

#Filling data in custom forms on a custom page does not work