Save button in tabs form
Hi, i created tabs and create form inside this. But submit button is left out as you can see on image.
My form;
public function form(Form $form): Form
{
return $form
->schema([
Tabs::make('')
->tabs([
Tabs\Tab::make('Profile Info')
->schema([
TextInput::make('firstname')
->required(),
TextInput::make('lastname')
->required(),
TextInput::make('email')
->required()
->email()
->columnSpan('full'),
])
->columns(2),
Tabs\Tab::make('Password')
->schema([
TextInput::make('firstname')
->required(),
TextInput::make('lastname')
->required(),
TextInput::make('email')
->required()
->email()
->columnSpan('full'),
]),
Tabs\Tab::make('Clients')
->schema([
]),
]),
]);
}
public function create(): void
{
dd($this->form->getState());
}
And my livewire component;
<div>
<form wire:submit="create">
{{ $this->form }}
<button type="submit">
Submit
</button>
</form>
<x-filament-actions::modals/>
</div>
5 Replies
My view
The button is there, it's just not styled. Either use the filament button component or style your button in your css.
No, i want it on first tab page. Every tab page has diffrent form and that submit button outside
then you need to make 3 separate forms and manually render them in a tabs blade component.
Okay thanks for answer