Filament•4mo ago

Can't create custom page with multiple forms

I'm creating a custom page and so far it has been working correctly, but now I found a problem that doesn't make any sense to me. This custom page has two forms in it. Following the documentation about adding forms to livewire components: https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component#using-multiple-forms I implemented the HasForms interface and used the InteractsWithForms on the custom page class

use Filament\Pages\Page;
use Filament\Forms\Contracts\HasForms;
use Filament\Forms\Concerns\InteractsWithForms;

class Kanban extends Page implements HasForms
{
    use InteractsWithForms;

use Filament\Pages\Page;
use Filament\Forms\Contracts\HasForms;
use Filament\Forms\Concerns\InteractsWithForms;

class Kanban extends Page implements HasForms
{
    use InteractsWithForms;

I initialized both forms data as an empty array

public ?array $formHoursData = [];
public ?array $formDeclinedData = [];

public ?array $formHoursData = [];
public ?array $formDeclinedData = [];

I defined a getForms() function returning an array with both forms names

protected function getForms(): array
{
    return [
        'formHours',
        'formDeclined',
    ];
}

protected function getForms(): array
{
    return [
        'formHours',
        'formDeclined',
    ];
}

I defined both functions that define each form

use Filament\Forms\Form;

public function formHours(Form $form): Form
{
    // form definition here
}

public function formDeclined(Form $form): Form
{
    // form definition here
}

use Filament\Forms\Form;

public function formHours(Form $form): Form
{
    // form definition here
}

public function formDeclined(Form $form): Form
{
    // form definition here
}

And lastly I filled both forms on the mount() function

public function mount()
{
    $this->formHours->fill();
    $this->formDeclined->fill();
}

public function mount()
{
    $this->formHours->fill();
    $this->formDeclined->fill();
}

After all this, somehow when I open the page, I get the error

App\Filament\Pages\Kanban::formHours(): Argument #1 ($form) must be of type Filament\Forms\Form, Filament\Infolists\Infolist given

which happens when filament tries to run the form definition function. Did I do something wrong? Why isn't it working? Since the page class is implementing the HasForms interface and the InteractsWithForms trait, why is Filament trying to feed an Infolist to the form definition function?

Adding a form to a Livewire component - Form Builder - Filament

4 Replies

Dennis Koch•4mo ago

Can you share the form definitions? And if you still have Flare please share the stack trace

GustavoOP•4mo ago

@Dennis Koch I don't have flare, sorry. Sending the forms definition as a file because they're too large for messages

GustavoOP•4mo ago

sent wrong file before, now it's correct

forms.txt

Dennis Koch•4mo ago

What does the view file look like?

Gaming

Programming

Can't create custom page with multiple forms