About multiple Wizard Components in a single page.
Hi everyone.
I'm building a custom page with multiple wizard components. But I have a problem: when I try to change the step (the "Next" buttom) in one of them, the event occurs in the rest of the wizards. I've tried the nextAction() method, but I'm not clear how implement it in this particular case.
9 Replies
What is the use case of multiple wizards on the same page? Feels like an anti pattern to me, which is problem why you’re having issues with it.
In this particular case, the design is based it on submit multiple forms in the same page, and have steps and each form. So I though in this component.
Kind of a Demo wizard component page.
Hmm. Yea. Iirc wizards depend on query parameters in regards to livewire. But I still don’t understand multiple wizards on a single page. I just don’t see use case. The whole point of a wizard is breaking down a single user interaction into multiple steps. So, what is the value of having multiple forms with multiple steps on one page. The user only has so much cognitive overhead available.
It’s the old adage that too many options leads to less conversions
If you really need it though, I think you’ll have to have “scoped” query parameters for each form which will get complicated pretty quickly.
Exactly. But well, the main idea there is to show different usage examples of what kind of things you can do when you use this component.
So is this more about an onboarding than it is actual form data and persistence?
But yes, I understand your point. It's just a particular case.
Exactly!
Like I said, it's a kind of "demo wizard"
Fair, could just be me not fully getting it too. But if it’s about onboarding / training then they should be on separate pages / livewire components with separate forms and you have logic to determine which page to route too / show. At least that’s how I would do it.
You could do them on the same page, but would still need logic in the blade file to determine which form / livewire component to render.
As long as you are only showing one wizard at a time it shouldn’t be an issue.
Basically, what I’m saying is that multiple wizards in one page form context don’t make sense because that’s not what wizards are intended to do. If that makes sense.
Thank you Sr! You gave me an idea of how I can fix it.
I really appreciate it.
#ralphjsmit-onboarding-manager-pro might be of some help too. Not sure.