How do I embed a form inside a form?

You can add forms inside a form for a quicker and more efficient training and quizzes, safety observation and reporting, work permits etc.

Screenshot 2022-03-24 at 14.06.56

STEP 1

Open your main form (the form in which you want to embed other forms) in the Form Builder. Add the Info Box field and click on the View HTML icon.

Screenshot 2022-03-17 at 15.44.15

 

STEP 2

Delete the placeholder text and copy/paste the code below:


<iframe src="" height="1000" width="1000"</iframe>


 

 

STEP 3

Open a form you'd like to embed in a new tab. Copy the URL ...

 

Screenshot 2022-03-17 at 15.34.59-1

 

... and paste it between the quotation marks in the code above:

 

Screenshot 2022-07-11 at 16.17.04

 

That's it!

Your final code should look something like this:

 

Screenshot 2022-03-17 at 18.06.00

 

You now have a form within a form. You can add as many as you'd like!

 

Tip

You can add conditional logic to the field. Forms will then only appear based on user's selection(s).

Note

  • The form inside a form will open according to permissions of a user filling out the form, not according to permissions of a user who built the form.
  • The Main Form and Embedded Form(s) will appear in In Progress as separate forms. Data collected from the Embedded Form does not get combined with the Main Form in any way.

 

Not quite clear?

 

Here's a step by step guide:

 

Mar-17-2022 17-06-13