Two multistep forms on one page

[Lachyn_Bahbitova (Lachyn)]

Hello everyone! Can you help me please?

I created a multistep quiz form with the help of Formly on my landing page. It works fine.

The thing is I need a popup including the same multistep form which is opens after clicking a button on the page. I created a popup and added the multistep form in it. But it didn’t work, and the progress indicator of the initial form stopped working properly. I guess multiple Formly forms can’t be added to one page, right?

So how can I solve this problem? Any advice?

Thank You!

[memetican (Michael Wells)]

@Lachyn_Bahbitova

I guess multiple Formly forms can’t be added to one page, right?

Well… that’s a minor oversight.

@Lachyn_Bahbitova

So how can I solve this problem? Any advice?

One option might be to create another, hidden, unindexed page on your site with a copy of the same form / component.

Then in your pop-up, place an IFRAME to access it.

From the browser’s perspective when the popup is open, those are two independent pages it’s showing, so the Formly form references should be isolated and probably won’t conflict.