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.
The Text (HTML) tool does not save the height property of the iframe code of my sub-payment formsAsked by limmudatl on March 12, 2014 at 11:30 AM
Hello, I am trying to get two different types of payment onto Master form http://form.jotform.us/form/40206445983153. I need to both be able to use a payment form for checks, and also payment by credit card.
Based on your User Guide section of how to have both of these types of payments on one form, I created a form to have people pay by check: http://form.jotform.us/form/40438941813153, and also a form to pay by credit card: http://form.jotform.us/form/40438466662157, I then embedded each of these payment types in a Text Tool in the Master form.
Embedding did not work, so I looked on the User Guide, other people had had the same problem, so the recommendation was to embed an iframe into the html of the text tool in the master form.
That worked, but when I close my form and then open the form again, only a fraction of each iframe is visible in the master form, instead of the whole iframe, which is what I need for people to be able to fill out their payment information. How do I fix this so that the full payment forms are fully visible?
This is most likely happening because the iFrame is the wrong size. Try using an iFrame with a larger height and width set so that you can adjust the size of it. You are probably seeing the default size which is small within the Text Field so because of that with no iframe size specified it gets cut off.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/40705110104131" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no"></iframe>
I went ahead and changed this for you via a clone of your form to show you what would happen and how this would look. You may clone your form back if you wish to see what I did. I just changed the iframe height and width to 500px.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotform.us/form/40438941813153" frameborder="0" style="width:500px; height:500px; border:none;" scrolling="no"></iframe>
Thank you, if I still have a problem with it I'll let you know!
Ok, I closed out Jotform and opened it back up, and the iframe parameters I
saved did not stay on the master form. In addition now none of my "How
would you like to pay?" conditions are not working on my master form either.
Master form: http://form.jotform.us/form/40206445983153
Authorize.net form: http://www.jotform.com//?formID=40438466662157
Pay by check form: http://www.jotform.com//?formID=40438941813153
In order to solve the width issue, please change the iFrame width from % to pixels.
For example, use 'style="width:620px' instead of 'style="width:100%'. Alternatively, use iFrame's width attribute instead of inline style.
Please also note, that this method with master form and embedded forms, is not designed for multiple form submission. In other words, only one form can be submitted at once. If the form user submit embedded payment form, you will not get the filled data from master form (it will not be submitted).
I did change the iFrame to px, what I sent you was the iFrame in px, not %,
the iFrame is still not working with px. What do I do now?
And I understand about the submissions, the master form has it's own
submission button at the bottom.
On Wed, Mar 12, 2014 at 6:04 PM, JotForm Support Forum ...
The issue is that the html does not same the iFrame height, so it cuts off
After cloning the form and trying to make the changes to the subforms height, I found that the height can be changed and they work correctly, but if you go to MY FORMS page and then go back to the form builder to edit the form, the changes to the height are gone.
So, I have submitted a ticket about this issue to our next level support, that way they can help us to resolve the bug as soon as possible.
In the mean time you could try using our iFrame Embed widget http://widgets.jotform.com/widget/iframe_embed instead of using the iframe code of the form and the Text (HTML) tool. That way all you need to do is to enter the URL of the form and define the height and width of the iframe that will be generated.
We will inform you via this thread once the issue is resolved.
iFrame widget is great, thank you!! The last issue now is that the
show/hide conditions are not working for the "How would you like to pay?"
question, is that because of the widget?
On Thu, Mar 13, 2014 at 12:21 PM, JotForm Support Forum <
Oh, of course, I forgot to mention that since that is a different inquiry, we would appreciate if you open a new thread, that way we will be able to give an extended assistance in that particular issue.
And I do not think it is due to the widget.
You can open a new thread here: http://www.jotform.com/answers/answer.php