Bottom of my form is being cut off, how do I fix it?

  • Profile Image
    learnerp
    Asked on April 01, 2013 at 02:41 PM

    I chose one of the templates and for some reason the botom is being cut off.  I have not made any changes or edits to it by the way.

    I love this template by the way.  Please tell me how I can fix it.  Thank you.  =)

     

  • Profile Image
    sidharth_kch
    Answered on April 01, 2013 at 03:09 PM

    @learnerp

    Can you please share the url where you have embeded your form? 

    You can try to embed your form with iFrame method and adjsut the height property or you can change the scroll to "yes".

    Sharing the URL will help us investigate your issue.

    Thanks,

    Sidharth

  • Profile Image
    learnerp
    Answered on April 01, 2013 at 03:50 PM

    The URL of my form is http://801approve.com/recommended-realtors but you should know that in an effort to test it I created a new form with this template and have not made any changes to it yet and it still does the same thing even when viewing it on the jotfrom hosted URL so I don't think that it has to do with how it is embeded.  

    Here is the jotform url for the new form i created for testing purposes...

     http://jotform.us/form/30906076699163

  • Profile Image
    sidharth_kch
    Answered on April 01, 2013 at 04:02 PM

    @learnerp

    I cloned your form and did the changes. Can you please try to clone this form and if this helps you: http://www.jotform.com/form/30906388012956

    Please let us know if you need further assistance.

     

    Thanks,

    Sidharth

  • Profile Image
    learnerp
    Answered on April 01, 2013 at 04:47 PM

    Thanks Sidharth.  Can you tell me how to clone that form?

  • Profile Image
    EltonCris
    Answered on April 01, 2013 at 04:59 PM

    Hi,

    Here's a guide for that: How to Clone a Form from a Web Page

    Let us know what your results are after embedding the form to your page. Thanks!

  • Profile Image
    learnerp
    Answered on April 08, 2013 at 11:32 AM

    Thanks EltonCris.  Now that I know how to do it the form that sidharth_kch gave me to clone is no longer available.  Can you or sidharth_kch give me another form to clone so I can have this issue fixed. Thank you!

  • Profile Image
    jefreylandicho
    Answered on April 08, 2013 at 12:15 PM

    To answer your original question regarding how to fix the height of the form. please add this code in your form styles.

    .form-all { height:520px !important; }

    By adding the code in your form style, you will get the result as shown below.

    To inject a Custom CSS in your form style,

    Select Setup & Embed 

    Click Preferences Icon

    In the preferenes window, select the form styles tab and add the code in the Inject Custom CSS field textarea.


    I have processed your clone form as well which be found on this link.

    If you need further assistance, please contact us again.