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?
Solution:Jump to solution
->submitAction(new HtmlString(Blade::render(
<<<'BLADE'
<x-filament::button
type="submit"
size="xl"...
8 Replies
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'),
),
in your AppServiceProvider public function boot(): void
{
FilamentColor::register([
'danger' => Color::Rose,
'gray' => Color::Slate,
'info' => 'Color::Green',
'primary' => Color::Blue,
'success' => Color::Emerald,
'warning' => Color::Amber,
]);
}
And check that the filament presets are in your tailwind.config import preset from './vendor/filament/support/tailwind.config.preset'
I had the same issue, the button is there just doesn't have any styling
Thank you, but still does not work.
I still have that Submit thing at the bottom, and no color changes.
I kindly wrote Not Working as a label, but it refuses to change it 😄 😄 😄
i have created form with the same content inside Filament Admin resource, and it works there (not really, and with plenty of small issues, but this part works) and it has different colors tho 🙂
Nice Cancel and Next button with nice amber color etx...
You would remove the Submit code you added and replace it with the filament button. You also need to check that you have set the colors and loaded the presets. It's also very hard to help you debug by screenshots. Especially when they don't show all the code.
I am grateful. this worked. Thank you Kitty. Now other things to solve, but at least got wizrd works 🙂 plenty to learn ahead. Thank you.