Implement Multistep Form Using Popup or Subpage

Question
#1

Greetings @vishsahu

A quick one. i am not sure if i have asked similar question before. My apologies if i have but cannot find related information. Is it possible to have a multi-step registration form using a modals approach or using the sub-page component? Looking at it, I am wondering if it is possible to propagate the item ID to the other sub-pages or Popup modals? Here I am looking at a multistep process that includes capturing data for child datatypes like address, education, skills, etc and also for registering accommodation properties where child datatypes like amenities, address, rooms etc also matters.

Thanks

#2

Hi @WillieMak,

I don’t think there is a way to pass the ID from one modal or subpage to another modal. Modals can access the id of the underlying page and vice verca, but once you reload the page or move to next modal, the id won’t propogate.

Thanks.

1 Like
#3

Thanks @vishsahu for clarifying that. So is it possible to have a cyclic kind of multi-stage registration on the same page? Am hunting for a way to avoid migrating to other pages as my app has many multi-stage registration processes.

Thanks

#4

Hi @WillieMak,

If you want to submit all the forms in a single go, then you can show/hide forms like a widget, Multi-Step Form - Jupiter X Live Demo then you can use just one page.

If you want to save the data before user moves to next stage, then its better you create separate page for each step. That is how the multi-stage form will work if you want to submit all the stages as they move.

Thanks.

1 Like
#5

Hi @vishsahu . This is super helpful. Thank you very very much. Awesome

#6

Hi @vishsahu . a quick one. In Drapcode, how do I propagate the ID onto the “Child Data Types” if I am using the single page approach.

#7

Better to use SubPages in this case, as it is possible to pass the ID from the main page to the Subpage.

1 Like
#8

Ooooh. Ok. Hadn’t thought of that great idea. Thanks @vishsahu

1 Like