What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Issue with embedded form in another formAsked by SunbridgeInstitute on December 17, 2015 at 10:06 AM
I have a double-label where there's an iframe embed
The form I am embedding INTO is this: http://www.jotform.com//?formID=53434184222954
(scroll to the bottom, just under the Payment Information header)
You can see here that I have a double-label of "Course offerings"--one on the primary form, and one on the embedded form.
I'm wondering if I can change the width of the embedded form so that it starts on the left side of the primary form, spanning the entire width of my field area, eliminating the primary form label for that section. (basically, I'm hoping that I can make the area of the embedded form wider, including the left side area where labels usually live).
If I can do this, then it solves two problems for me (the other of which I am not describing here).
Thank you for any help you can offer!
iframe embed form width
We can try to look into the width issue, but I think that we will need to check the form structure first. Please note that you cannot submit both - primary and embedded forms at the same time, only one form will send its data.
Usually when you embed some forms into a main form, all the fields are supposed to be included to the embedded forms (instead of the main form).
Thank you for being proactive about making sure my whole form is correct. It is really wonderful that you are helping me to build this properly rather than just answering my question blindly.
I was trying to follow the instructions for how to make a form that includes multiple payment options, and I was going to pass the calculated values from the primary form into the embedded form for payment. I'm also going to add more embedded forms for the other payment options. I'm not sure if this addresses your concern. Am I going about this the wrong way?
I'm not really understanding your paragraph: "Usually when you embed some forms into a main form, all the fields are supposed to be included to the embedded forms (instead of the main form)." Can you clarify in a different way please?
Thank you again for your help.
You are welcome. The idea is to include all the fields you need to the sub-forms, since the form user will not actually submit main (host) form. We have a guide available below.
Here is a form example:
Main form has only one question 'Choose your Payment Method' on it.
Ah, this makes a lot of sense and I was confused on this very issue. So the submission happens on the embedded form and not the primary form.
This raises an issue for me. I have a lot of experience type questions that I have to collect from all of the registrants before payment happens.
It sounds like the correct approach would be this:
1-create the form several times (repeat all the experience questions on all forms)
2-add a different payment method at the bottom of each form
3-embed all of these forms onto a simple Primary form which only chooses the payment method
However, it would be so much easier if I could collect the experience questions on the main form so I don't have to repeat all of those questions 4 times on all the forms.
Is there a way to do this?
You are right with your steps. Unfortunately, we cannot submit both forms.
The other work around that you may consider is conditional thank you page redirect to the correct payment form upon a main form submission. However, you will need to associate payments with different form submissions in this case (data and payment info on different forms), and also users may skip your payment form.