© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
4 replies
John

Form Wizard styling

How can I best approach making this with Filament? (see attached image)

It's similar to Form Wizard. Main difference is layout and styling; steps are on the left, vertically, and there are icons and subtitles.

Can this be achieved with the standard Form Wizard? With custom css on top? If not, is it easy to fetch all Wizard code out of the package and tweak it to my specs? I'm thinking, maybe make the left steps a custom component, and triggering regular Form Wizard step forms? Hiding the default step navigation?

An additional requirement, of which I don't know if it's possible with default Forms Wizard; the same field occurs in multiple steps. Is this possible?
Screenshot_2023-03-14_at_13.23.06.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Wizard reset form
FilamentFFilament / ❓┊help
16mo ago
Wizard form submit
FilamentFFilament / ❓┊help
2y ago
Form Wizard multiple models
FilamentFFilament / ❓┊help
2y ago
Form Wizard multiple steps
FilamentFFilament / ❓┊help
2y ago