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');
}),

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());
}

#[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

Similar Threads

Similar Threads