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.
Placing iFrame in a Text window: the code changes and causes formatting errors.Asked by Vdelmonaco on January 31, 2014 at 11:19 AM
Hello JotForm Support,
It appears you haven't received the code I sent two days ago, so here it is again...
Original message (with one attachment: the before and after code in a .png file)I tested on IE, FF, and Chrome on three different PC's.This is the code I entered on my Master form in the HTML Tool window at the top of the screen:<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/40227459152149" frameborder="0" style="width:690px; height:1860px; border:none;" scrolling="no"></iframe>I saved, clicked on My Forms, clicked Edit my Master form, clicked on the Text section. This is the code that is in there now:<iframe frameborder="0" scrolling="no" src="//form.jotform.us/form/40227459152149" style="width:690px;border:none;" alt="" /></iframe>Notice the order of some of the items have changed in addition to the missing height command.Please help.Thank you,Vic
and My Forms JotForm style height
Use the codes below instead:
<iframe id="JotFormIFrame" allowtransparency="true" src="//www.jotform.us/form/40227459152149" frameborder="0" style="width:100%; height:1909px; border:none;" scrolling="no"></iframe>
This is your form's actual iFrame Codes with the script tags removed from it. When adding this form into our Free Text HTML field, don't use the edit window, use the HTML button. You have to save the form, otherwise, the codes will be strip out when you go back to edit the free text field.
You can also use our iFrame Embed Widget: http://widgets.jotform.com/widget/iframe_embed. The URL should be your form URL and set the height & width according to your form's actual height and width. You can add this widget to your form by following this guide: How to Add a Widget to your Form
I was removing the script tags AND using the HTML button but still the code change problem continued. I just tried the widget and it is cutting off some text from the right side of the form even if I increase the widget width. This may be helpful...
One of theforms I'm trying to embed in my Master form is: 40227459152149. Please provide me with further instruction.
I'm afraid you would have to download your form's full source code to implement this.
This is because any field on Jotform is stripped of scripts, including Iframe dynamic styling.
Use your master's source code and place it on your website.
Then, embed the child form's Iframe into it.
Please let us know if this is something you would consider.
Hello Jotform Support,
I finally figured it out...
The fix was to make the for (to be embedded) a little smaller in width than the master form.
You can close this ticket.