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

    How to remove the scroll bar from my form?

    Asked by reelance on May 11, 2014 at 09:14 PM
    i just read your answered and try that but nothing happend, you can see the form in this webpage http://www.reelance.mx/prueba/formexample.html go to the right side of the page, its inside a white square
  • Profile Image
    JotForm Support

    Answered by ashwin_d on May 12, 2014 at 01:57 AM

    Hello reelance,

    Were you abel to resolve your problem yourself?

    Upon checking your web page, I found that the form is being displayed as expected. Please check the screenshot below:

    Have you embedded any other form in your web page which is not being displayed? 

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by reelance on May 12, 2014 at 10:27 AM

    Hi, nope i was not able to resolver my problem. And No, this is the only embedded form in my page, how do you think i can fix this?

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 12, 2014 at 12:16 PM

    Upon checking your previous replies, I understand that you do not want that much of height that makes your form to scroll:

    I see the height of your iFrame code is at 674px, simply set the height in the iFrame code to 400px:

    That should solve the scrolling issue, let us know if you have more questions, we will be glad to assist you.

  • Profile Image

    Answered by reelance on May 12, 2014 at 12:50 PM

    Hi, the thing is that im using hype software to create the webpage, and in the inner html i set up height to 400px; and the result is the same, if there a way that with css i can modify this? because the answer you gave before i really tried but nothing happend. And i eally aprecite your help thank you a lot.

  • Profile Image

    Answered by EliezerN on May 12, 2014 at 03:22 PM

    Thanks for the additional information.

    So, what you are trying to achieve now is to remove the Scroll bar from your form, is that correct?

    Upon investigating a bit deeper I found that the scrollbar is appearing because your form height is too long due to do the fields that have been moved to the top and left a blank space in the bottom.

    So, to resolve this undersired behavior simply add this CSS code to your form: 

    .form-all, .form-section, html, body


    max-height:400px !important;


    Here is how to inject CSS codes to forms: How to inject custom CSS codes

    I cloned your form and injected the code above and here it is: http://form.jotformpro.com/form/41315878608967

    If you take look at your own form, there is the scroll bar, but not in mine. If you wish to clone my form here is how: how to clone an existing form from a URL

    I hope that resolves the issue from your side. Inform us if you need further assistance with this query.