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.


  • Profile Image

    Embedded form is not spanning correctly on the page width

    Asked by arichrog on August 11, 2014 at 03:34 PM

    Link: http://arichrog.prosite.com/307608/contact

    I've been trying to embed my form on behance, using:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/form/42225660703145" frameborder="0" style="width: 984px; height: 457px; border: none; margin: 0px auto; display: block;" width="984" height="457"></iframe>

    The form won't display, simply shows a broke form image.

    Page URL:
    http://arichrog.prosite.com/307608/contact

    JotForm style height width width style iframe embed iframe width
  • Profile Image

    Answered by arichrog on August 11, 2014 at 03:50 PM

    Tried removing my question but there doesn't seem to be a way to.

    Took a look at this thread (http://www.jotform.com/answers/395501-Secure-SSL-Submissions-on-Behance) and made a little progress.

  • Profile Image
    JotForm Support

    Answered by Kiran on August 11, 2014 at 04:40 PM

    Can we assume that the issue is resolved or are you looking for a solution of other issue? Please let us know if you need further assistance. We are happy to assist you.

    Thank you for using JotForm.

  • Profile Image

    Answered by arichrog on August 11, 2014 at 04:44 PM

    I was able to embed the form, but couldn't get the sizing to work within my page. Anytime I edited the size in the code or through the form editing on jotform, it just remained the same size. I ended up abandoning the whole thing. But if there is a way to have the form span the whole page I'd definitely love to hear it.

    Thanks for responding!

  • Profile Image
    JotForm Support

    Answered by jonathan on August 11, 2014 at 05:40 PM

    Hi,

    I checked the URL of the website you mentioned, but I am not able to find the embedded form.

    Since you only have one form under your account arichrog  I take that this is the form http://www.jotform.us/form/42225660703145

    If you actually use the iframe embed code of the form, the provide style width is in percentage  value (not pixel value)

    So, I wonder why your iframe code was using pixel width value

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/form/42225660703145" frameborder="0" style="width: 984px; height: 457px; border: none; margin: 0px auto; display: block;" width="984" height="457"></iframe>

     

    When I test and get the iframe code of the form, the style width was given as 100%

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/form/42225660703145" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no"></iframe>

     

    I suggest you properly get the Iframe embed code of your form again and re-embed it on your website.

    User Guide: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Since the iframe width will be using 100%, I am sure the width of the form will properly span to the width of the web page.

     

    Please inform us if there are still issue.

     

    Thanks.