JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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 second line on Thank you page is cut off when usign iframe embed codeAsked by nickphonics18 on July 07, 2015 at 05:17 PM
when thank you message appears the second line is cropped off (see screenshot with Firebug on)
Live link - http://s230164745.websitehome.co.uk/contact.html
At first it seemed that the thank you message was properly shown until I saw that second line to check the junk email as well.
The best way to fix this issue is to set min-height property on the iframe, so that it does not get cut off for a specific amount of height.
For example, this is the form embedding code that I would suggest to use:
<iframe frameborder="0" scrolling="no" style="width: 100%; height: 107px; border: medium none; min-height: 160px;" src="//form.jotformeu.com/form/51873260890359" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>
I believe that it will work just as you want it, but do let us know if you have any further issues with this.
Thanks Ben that seems to have solved it.
Can the height of the iframe be set to auto? As I have another issue... If i attach more the 2 files to upload the submit button disappears from the iframe. See screenshot
playing around i changed it from 'iframe' to 'embed' and that seems to now work.
is there any disadvantages of using 'embed' instead of 'iframe'?
The embed code under the "Embed" option is the default embed code, it should work on most of the web pages, but if there are a lot of script codes loaded in the website, it might conflict with the Form's own script code which can make the form fail or have some issues. In that case, we suggest users to use the iFrame embed code, this prevents or avoids any code conflict between the website and your form, the problem with iFrame is that you need to set specific height in "px".
Could you tell us if using the default embed code the "Thank You" message is not being cut off?
I made a test submission and it is not being cut off in my end using Google Chrome.
Let us know if you are still having problems on this.