F
Filamentβ€’2mo ago
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?
No description
Solution:
->submitAction(new HtmlString(Blade::render( <<<'BLADE' <x-filament::button type="submit" size="xl"...
Jump to solution
8 Replies
Solution
Kitty
Kittyβ€’5w ago
->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'), ),
Kitty
Kittyβ€’5w ago
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
Vladimir
Vladimirβ€’5w ago
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 πŸ˜„ πŸ˜„ πŸ˜„
No description
Vladimir
Vladimirβ€’5w ago
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 πŸ™‚
Vladimir
Vladimirβ€’5w ago
No description
Vladimir
Vladimirβ€’5w ago
Nice Cancel and Next button with nice amber color etx...
Kitty
Kittyβ€’5w ago
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.
Vladimir
Vladimirβ€’5w ago
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.