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.
Trouble using JotForm on my Behance ProSiteAsked by kgbeat on July 23, 2015 at 01:22 PM
Hi Fine and Talented JotFomr Support Folks--
I'm wondering if you can help me with an issue I have, using a JotForm on my Behance Prosite page. URL below.
It was working fine for several years, until last month, when I made a slight revision to the form...I added a field for the sender's email...and after I reposted I had all sorts of trouble with it.
First I got a message that I wouldn't take any embed codes with the "<script>" tag in them. I worked out a work-around with the Behance team. (switch to the secure forms option, and only use the part of the iframe code without the <script> tags)...but now the form lays out in a strange way--it only takes up the right half of the space!
The Behance team seems to be stumped, as they are no longer getting back to me and the issue hasn't been resolved.
I've encloded the code I'm using on the page. Is there any chance you can take a look at it and the page itself and offer some advice? I'd really appreciate it.
Thanks in advance for any help you can offer,
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.com/form/20261707012" frameborder="0" style="width:100%; height:702px; border:none;" scrolling="no"></iframe>
JotForm using jotform iframe code style height
The issue seems to lie with the width property in the .form-all class
background: #fff796 none repeat scroll 0 0;
color: #9e0606 !important;
margin: 0 auto;
you can replace it with a percentage value i.e width: 100% !important;
you can do so by creating another class with the width property only
width: 100% !important;
Kindly let us know if you need further assistance