Entire form is not showing on webpage

  • Profile Image
    MCAMF
    Asked on August 25, 2017 at 12:13 AM

    I placed the embedded code for my t-shirt order form into the HTML snippit in my website. The form shows up but it is cut off, even though the frame into which it is displaying is larger than the form. Help!

  • Profile Image
    candy
    Answered on August 25, 2017 at 03:00 AM

    We are sorry for the inconvenience you have.

    I would like to investigate the codes of your website. However, the link you have provided returns "404: Not Found" error as you can see the screenshot below:

    As far as I understand checking the screenshot you have attached, the form container should be too narrow to contain the form. You should set the container height larger. Still, I need to see the codes of your website.

    I have assumed you have used full source codes of the form in order to embed it into your website. Please also check the following guide in order to see other embedding methods: https://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use Let us know which embedding way you have used.

    Please give us further detailed information and your correct website URL that contains the form in order to let us assist further.

    Thanks in advance.

  • Profile Image
    MCAMF
    Answered on August 25, 2017 at 09:43 AM
    Sorry, here is the correct url - http://www.mcamf.org/fight-like-allen-shirts.html
    ...
  • Profile Image
    Welvin
    Answered on August 25, 2017 at 10:54 AM

    The form is embedded using our default embed method, JS method. The height should get rendered dynamically on the page. However, your website seems overriding the height value falling it short in the page.

    Please try re-embedding the form using our iframe method: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. The iframe codes has a script that will auto adjust the form height. If this is not working properly, please remove it and manually adjust the height value in the iframe. 

    Here is a screenshot of the iframe codes:

    The script inside the red rectangle. The height value arrowed above it. 

    Let us know if you need further assistance.

  • Profile Image
    MCAMF
    Answered on August 26, 2017 at 09:43 PM
    Unfortunately, that did not work either. I tried manually adjusting the height value from 539 to 1000 and nothing changed. I have two other jotforms on the website and they are both working properly, once I made sure the "container" was sized properly, but I can't seem to get this one to work...
    ...
  • Profile Image
    Nik_C
    Answered on August 27, 2017 at 02:32 AM

    I was unable to check your URL, it is throwing this error: http://www.mcamf.org/fight-like-allen-shirts.html

    Could you please check the link and provide the correct one so we can check further?

    Thank you!

  • Profile Image
    MCAMF
    Answered on August 27, 2017 at 09:43 AM
    I changed it from the embedded form to using the link. Thanks anyway.
    ...