A way to add buttons to the form

[yob-yob]

now the create-form page has the button save.

as a user

I want to have something like Cancel, Save and close, Save and create another & Save buttons
and these buttons can be turned off since I want to turn them on some resources only.

so that it's simple for the customers to understand what's happening when they clicked a button.

[yob-yob]

or maybe much better

as a user

I want to be able to add buttons to create-form page and edit-form page.

so that it's easy for me to add any actions I want need to make the form easy to use.

an example would be to add save and close functionality

[Whizboy-Arnold]

Or just abstract buttons on a layout anywhere on the page or at header section for instance and link to abstract action

[dev3k]

Not sure if you found solution for this yet, but i needed such button and i was able to do it like below

in your edit resource page add the following

protected function getFormActions(): array
    {
        return [
            $this->getSaveFormAction(),
            Action::make('saveAnother')
                ->label('Save & create another')
                ->action('saveAnother')
                ->keyBindings(['mod+shift+s'])
                ->color('secondary'),
            $this->getCancelFormAction(),
        ];
    }

public function saveAnother()
    {
        $resources = static::getResource();
        $this->redirect($resources::getUrl('create'));
        $this->save(true);
    }

[Whizboy-Arnold]

sorry doesn't work. Also am on on V2

[dev3k]

I tested it using the most recent version, v2.17.38, and it appears to be functioning properly. However, I did observe that it redirects to new page even when validation fails, which could have been the issue you experienced, @Whizboy-Arnold

public function saveAnother()
    {
        $resources = static::getResource();
         $this->save(true); // I moved this up , so now it triggers validation and stop the redirect if validation fails
        $this->redirect($resources::getUrl('create'));
    }

[Whizboy-Arnold]

Yeap, that was the problem.
Also however these actions are only available on form page. not the other pages I would prefer an abstract way to just add buttons on a page @dev3k

[jeannegoossens]

Updated it for V3:

protected function getFormActions(): array
    {
        return [
            $this->getCreateFormAction(),
            Action::make('saveAnother')
                ->label('Save & create another')
                ->action('saveAnother')
                ->keyBindings(['mod+shift+s'])
                ->color('secondary'),
            $this->getCancelFormAction(),
        ];
    }

public function saveAnother()
    {
        $resources = static::getResource();
        $this->create();
        $this->redirect($resources::getUrl('create'));
    }

[dev3k]

@jeannegoossens this code for create form which already has "create & create another" action , the edit page was and still "v3" missing this action, here is the code for edit form

 protected function getFormActions(): array
    {
        return [
            $this->getSaveFormAction(),
            Actions\Action::make('saveAnother')
                ->label('Save & create another')
                ->action('saveAnother')
                ->keyBindings(['mod+shift+s'])
                ->color('gray'),
            $this->getCancelFormAction(),
        ];
    }

    public function saveAnother():void
    {
        $resources = static::getResource();
        $this->save(false);
        $this->redirect($resources::getUrl('create'));
    }

I think they removed the secondary color in v3, its called gray now?

[judgej]

Are you looking to just add a filament button to a page? This is documented in V3, but just found it works on V2:

 <x-filament::button>My Button</x-filament::button>

It does not need to be on a form, table or admin component - it works anywhere. Maybe it is in V2 document? I've never been able to find it though.

[yob-yob]

Sorry about that.

[judgej]

I see posts and issues all as resources that stay alive as long as people have a problem to solve. This issue kept coming up when I was looking to add a general "filament button", so guessed it would be the same for others. I may have a completely wrong handle on what your original problem was, and will be happy to move it to the hints and tips section. The V3 documentation filling in gaps for the V2 documentation is a pretty cool though.

[commongoodguy]

very helpful, somehow this page is up top on google when I was searching for a way to have consistent styling when using Form Builder with Admin Panel custom page

[mattmintun]

helped me and here we are in 2024! Thank you @judgej

[a89s]

@mattmintun same :D

[alexmanase]

https://laraveldaily.com/post/filament-add-custom-action-button-inside-form

Maybe this can help you.

[dev3k]

nice, I didn't know you can add action button inside the form, thanks :)

[pabbec]

Hi!

I was able to add two buttons following these examples, but I need to modify the value (state) of a field if the user clicks on that button. Specifically:

I have two buttons:

Save to draft
Save and Publish

In both casds, I want to save the form. But, if the user clicks the "Save to draft" button, I need change the status field to the value "draft". And if the user clicks the "Save and publish" button, I need to set the status field to the value "published".

In my PostResource/Pages/CreatePost.php I have:

     protected function getFormActions(): array
     {
         return [
             $this->getCreateInDraftFormAction(),
             $this->getCreateAndConfirmFormAction(),
             $this->getCancelFormAction(),
         ];
     }

     protected function getCreateInDraftFormAction(): Action
     {
         return Action::make('createindraft')
         ->label('Save to Draft')
         ->submit('createindraft');
     }



     protected function getCreateAndConfirmFormAction(): Action
     {
         return Action::make('createandconfirm')
         ->label('Save and Confirm')
         ->submit('createandconfirm');
     }

But I can't find a way to access that field in my form and set the value I want.

[gediminas1994]

Hi,

I've encountered a similar problem and posted it on discord. Here's a reply I got from @leandrocfe and it worked like a charm!

Action::make('createindraft')
    ->label(Save to Draft')
    ->action(function(){
        $this->data['status'] = 'draft';
        $this->create();
    })

[raphaelcangucu]

For Filament V2 you can use something like this:

<x-filament::card>
    <form wire:submit.prevent="firstFormSubmit" class="space-y-6">

        {{ $this->firstForm}}

        <div class="text-right">
            <x-filament::button type="submit" wire:submit="firstFormSubmit" class="align-right">
               Submit first form
            </x-filament::button>
        </div>
    </form>
</x-filament::card>

<x-filament::card>
    <form wire:submit.prevent="otherFormSubmit" class="space-y-6">

        {{ $this->otherForm}}

        <div class="text-right">
            <x-filament::button type="submit" wire:submit="otherFormSubmit" class="align-right">
                Submit other form
            </x-filament::button>
        </div>
    </form>
</x-filament::card>

And in the Page you will need to forms:

 protected function getForms(): array
    {
        return [
            'firstForm' => $this->makeForm()
                ->schema($this->getFirstFormSchema()),
 'otherForm' => $this->makeForm()
                ->schema($this->getOtherFormSchema()),

        ];
    }