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

    Display Problem on embedded form: forms acts responsive on desktop view, and submit button gets cut off in mobile view.

    Asked by ImmobiliareUSA on May 31, 2017 at 12:48 PM

    3) Form "EastCoast Contatti: Blog" > it should look like this but right now on the desktop version the form is too long and all the fields are too long as well (see the following image):

     

    while on the mobile version the form looks too long like on the desktop version, plus the call-to-action green button is partially cut-off (see the following image):

     

     

    Page URL:
    http://www.immobiliareusa.it/b.asp?url=Perche-Investire-a-Miami-nel-20<br/>17-Conviene

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 31, 2017 at 02:29 PM

    The field are long, or expand across the whole form, because our forms are responsive:

    So, if you want it to look like on full desktop screen, you need to increase the width of the form's Iframe code: 

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by ImmobiliareUSA on May 31, 2017 at 06:31 PM

    I'd like to reduce the width and the lenght of the form, in order to get a smaller and shorter form. I'd also like to make the call-to-action green "INVIA" button (at the bottom of the form) visible on the mobile version, which now is cut off (see the image):

    Unfortunately I'm not familiar with HTTP and codes so just asking if you could give me a little help resizing the forms in the correct way.

    Thank you so much in advance :)))
    Davide

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 31, 2017 at 07:26 PM

    Please remove your embedded code from the page of your site: http://www.immobiliareusa.it/b.asp?url=Perche-Investire-a-Miami-nel-2017-Conviene

    Then, embed the form again using the following code:

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

    Also, if you would like to set a transparent background in your form to make it look like this:

    You can inject this CSS code in your form as shown on this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    .supernova,form-all{

        background: transparent !important;

    }

    On regards of the button cutting off on mobile view, that issue should be fixed with the new code I have provided. If not, let us know, so we can check further.

  • Profile Image

    Answered by ImmobiliareUSA on June 01, 2017 at 02:37 PM

    Unfortunately I still have issues with this form, which is embedded here: http://www.immobiliareusa.it/b.asp?url=Perche-Investire-a-Miami-nel-2017-Conviene

    This form is currently too large and would need to make it less expanded. And there is also a grey band at the bottom (see black arrow) which I would delete.

    As specified, I'm not familiar with HTTP and codes so just asking if you could give me a little help resizing the form in the correct way and deleting the grey band.

    Thank you very much :)))))

     Davide

  • Profile Image
    JotForm Support

    Answered by david on June 01, 2017 at 05:18 PM

    The issue is with your forms embed code, not with the form itself.  The fixes my colleague mentioned should work. 

    Please remove your embedded code from the page of your site: http://www.immobiliareusa.it/b.asp?url=Perche-Investire-a-Miami-nel-2017-Conviene

    Then, embed the form again using the following code:

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

    Also, if you would like to set a transparent background in your form to make it look like this:

    You can inject this CSS code in your form as shown on this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    .supernova,form-all{

        background: transparent !important;

    }

    On regards of the button cutting off on mobile view, that issue should be fixed with the new code I have provided. If not, let us know, so we can check further.

    You can also try simply adjusting the dimensions of the form in your current embed code: