My form is getting cut off on my site

  • Profile Image
    peeryapts
    Asked on January 05, 2013 at 03:43 AM

    Hello!

    For some reason, my form is getting cut off when I publish it to my website.  

    I am using iWeb v3.04 and I'm inserting the form into the page using an HTML snipet.

    I have tried increasing my page height and dragging the fram of the form beyond the form size, but neither has worked.

    Any ideas?

    Thanks!

  • Profile Image
    Welvin
    Answered on January 05, 2013 at 04:29 AM

    Hi,

    You will need to increase the HTML Snippet height that holds your form. But your page is now works fine on my end;

    Have you sorted it already?

    Thanks

  • Profile Image
    Welvin
    Answered on January 05, 2013 at 04:33 AM

    You may need to decrease the height of the HTML Snippet of your iWeb page because the page was too long as your could see it on my screenshot.

    Thanks

  • Profile Image
    peeryapts
    Answered on January 06, 2013 at 07:46 PM

    Thanks, I figured it out from your response to a previous question. 

    If I shorten the page, the form gets cut off again.

    Also, the text alignment throughout the form is not correct on iOS devices.

     

  • Profile Image
    idarktech
    Answered on January 06, 2013 at 11:40 PM

    Hi,

    If I shorten the page, the form gets cut off again.

    Yes, just leave it as it is. That is how iWeb works. iWeb creates iframe on every embedded codes, so you need to make sure that iframe's height should be equal to your total form height.

    Also, the text alignment throughout the form is not correct on iOS devices.

    Since you are using form source code, please find .form-all class found on your form code and add this property on it.

    min-width:700px !important;

    max-width:700px !important;

    Check this visual guide:

    Let me know if you have any difficulties. Thanks!

  • Profile Image
    lindaleeme
    Answered on January 27, 2013 at 11:56 AM

    I have this same problem, and I've had it most of the times when I use Jotform forms in my iWeb sites, however, usually I can find some code relating to the height and adjust it and it resolves the issue. However, I cannot locate a height item in this code and my form is cut off:

    http://www.mitchellcustomhomesinc.com/Mitchell_Custom_Homes/Contact_Us.html

     

    -Linda

     

  • Profile Image
    moonzkie
    Answered on January 27, 2013 at 12:37 PM

    Hi,

    You form seems to be fine on my end, may I know which browser are you using to view your form?

    Since you are using source embed code, by default the height value is not set, this is because the height will automatically adjust depending on the fields that you have in your form. Although, as said by my colleague idarktech you may add a maximum value for height in your embedded code. 

    Thank you.