© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
12 replies
Vladimir

FIlament Wizard Layout in Livewire Component is missing Next button

Having a Wizard in Livewire component, i see two issues, and i presume is my fault, so asking for help and advise.
As you can see on photo, i found two problems so far.
1) There is no Next button. Ever. No matter how many steps i add. I suppose it shall be on bottom right side.
However, if i set to start from second step in wizard, i have a Back button displayed.
2) I want submit button to be rendered on last step(https://filamentphp.com/docs/3.x/forms/layout/wizard#rendering-a-submit-button-on-the-last-step) - see photo. I have Some unstyled button on the bottom of the form.

Any ideas how to sort out this?
Screenshot_2024-06-13_at_16.54.12.png
Wizard - Form Builder - Filament
Solution
->submitAction(new HtmlString(Blade::render(
<<<'BLADE'
<x-filament::button
type="submit"
size="xl"
color="primary"
>

{{Label)}}
</x-filament::button>
BLADE
)))
->nextAction(
fn (Action $action) => $action->color('primary'),
),
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Filament layout to livewire component
FilamentFFilament / ❓┊help
13mo ago
Livewire component modal with next button
FilamentFFilament / ❓┊help
3y ago
FIlament Wizard Layout Submit
FilamentFFilament / ❓┊help
2y ago
Wizard Component Layout Issue
FilamentFFilament / ❓┊help
3y ago