how to, livewire form save button to header in filament custom page

Hi,

As I summarized in the title, I have a livewire form and I have a submit button in the form. I want to move this submit button to the header (as seen in the picture), how can I do it?

Solution

For example. Header action:

Action::make('saveForm')
    ->action(function () {
        $this->dispatch('saveFormData');
}),

Action::make('saveForm')
    ->action(function () {
        $this->dispatch('saveFormData');
}),

Then in component:

#[On('saveFormData')]
public function saveFormData()
{
    ## Create record or something;
    dd($this->form->getState());
}

#[On('saveFormData')]
public function saveFormData()
{
    ## Create record or something;
    dd($this->form->getState());
}

Jump to solution

Filament•3y ago•

10 replies

S. Mert ÖZTÜRK

how to, livewire form save button to header in filament custom page

Hi,

As I summarized in the title, I have a livewire form and I have a submit button in the form. I want to move this submit button to the header (as seen in the picture), how can I do it?

Solution

For example. Header action:

Action::make('saveForm')
    ->action(function () {
        $this->dispatch('saveFormData');
}),

Action::make('saveForm')
    ->action(function () {
        $this->dispatch('saveFormData');
}),

Then in component:

#[On('saveFormData')]
public function saveFormData()
{
    ## Create record or something;
    dd($this->form->getState());
}

#[On('saveFormData')]
public function saveFormData()
{
    ## Create record or something;
    dd($this->form->getState());
}

Jump to solution

how to, livewire form save button to header in filament custom page

Similar Threads

how to, livewire form save button to header in filament custom page

Similar Threads

Similar Threads

Similar Threads