Question

Show/hide embedded forms in a form

Forms

Updated September 22, 2014

asked on September 19, 2014

I am creating a master form that will have the ability to launch different form processes. With custom HTML fields i can embed another published form.

The problem is I will have 4-5 embedded forms and would like to be able to hide all but the form selected in a drop-down list. Neither the field rules nor JQuery show/hide commands are able to hide the embedded forms.

Is there a way to target the iframe and hide it or move it offscreen?

I suppose I could just show/hide links to the published forms but I would like to use embedded forms if possible.

0 0

Answer

SELECTED ANSWER

replied on September 19, 2014

If you're using the embed code from the Publish page, you'll see the business process ID for the form (bpid). When the IFrame for the form is created, it will have an ID of "object" + bpid. For example, if the bpid is 133, the IFrame's ID is object133. Use this ID to target the IFrame.

1 0

Replies

replied on September 22, 2014

Thanks, that was it!

The only other issue I ran into is that you cannot hide the frames on page load so I had to use a short delay. Works great now.

0 0

replied on September 22, 2014 • Show version history

Glad it worked! You should be able to use a CSS rule to keep the frame hidden when the page loads.

0 0

You are not allowed to follow up in this post.

Question

Question

Show/hide embedded forms in a form

Answer

Replies

Sign in to reply to this post.