Embedded form is not spanning correctly on the page width

  • arichrog
    Asked on August 11, 2014 at 3:34 PM

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

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

    <iframe id="JotFormIFrame" onDISABLEDload="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.

  • arichrog
    Replied on August 11, 2014 at 3: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.

  • Kiran Support Team Lead
    Replied on August 11, 2014 at 4: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.

  • arichrog
    Replied on August 11, 2014 at 4: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!

  • jonathan
    Replied on August 11, 2014 at 5:40 PM

    Hi,

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

    Embedded form is not spanning correctly on the page width Image 1 Screenshot 30

    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" onDISABLEDload="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%

    Embedded form is not spanning correctly on the page width Image 2 Screenshot 41

    <iframe id="JotFormIFrame" onDISABLEDload="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.