Loading a forms page in another page

Developer Support CMS Development
1

Hello,

We built two pages in the theme editor. We look for a solution to load the second page into the first page. Second page has a popup/modal design therefore this page should be loaded into the other to appear on top like a modal. We want to maintain the content in individual pages - that’s another reason for having two pages.

Can someone give any hint?

Thank you!!

2

@stefen , maybe you have thoughts :thinking:

3

@andireuter @dennisedson you could go a couple routes with this one:

  1. iframe it: typically you’ll want the page that is being iframed to not have a header/footer or anything really besides the content that needs to be on the other page. If this isn’t an option then…
  2. AJAX it! You can use jQuery’s AJAX/Load feature (or the Axios js framework, or even vanilla js fetch… but jquery might be easiest) to grab the content from another page and put it inside your iframe. The simple way to do that is give the content an ID, then from the other page you can run the AJAX script to only pull the content inside that ID on the other page.
4

Hi @andireuter ,
Dont use module header and footer because hader and footer is globle its effect all the page.
when you create module use <div class=“{{name}}”> your code </div> when your reuse same module it will not reflect other pages.create editabel module.

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.