Filament•4w ago

Move "Save changes" button to sit between fields

Is it possible to render the form buttons "Save changes" and "Cancel" so they sit between 2 fields instead of bottom or top of form? I have my form which is made up of a text input, a code editor and a section that contains a fieldset which contains 3 checkbox lists. The check box lists are live so I'd like to put the save button before the section... any ideas? Cheers, Tee

Solution:

I think you could get this to work with Form Actions: https://filamentphp.com/docs/3.x/forms/actions#defining-a-form-component-action And something like this for the action? ...

Actions - Form Builder - Filament

Jump to solution

9 Replies

Dennis Koch•4w ago

The check box lists are live so I'd like to put the save button before the section

Not sure why you want this because of live checkboxes? Because they aren't saved automatically either.

Solution

Dennis Koch•4w ago

I think you could get this to work with Form Actions: https://filamentphp.com/docs/3.x/forms/actions#defining-a-form-component-action And something like this for the action?

->action(fn ($livewire) => $livewire->save())

->action(fn ($livewire) => $livewire->save())

Actions - Form Builder - Filament

TheRealTeeHillOP•4w ago

I have maybe misrepresented my code a bit... its a mashup of my own thoughts and GPT so it may be a little flakey. Let me try to explain 🙂 The checkboxes update a pivot table and checking and unchecking does not need the save button to be pressed for changes in the db to happen. I hope this helps shed light on my problem/desire to move the button, its not a big deal, just for UI purposes it makes a bit more sense to me to have the button after the code editor. Cheers