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 scroll from the Form?

    Asked by closetocustomlinens on March 31, 2014 at 09:27 AM

    Hello,

    I have a form on this site -  http://www.closetocustomlinens.com/

    When you click  -  Click Here  Request a free swatch  

    Everything works fine,  

    BUT -

     

    The customer has to scroll the form up and down to complete the form

    Is there a way for the form to load or for them to fill out without the sidebar scroll.

    This also happens on the thank you page,  then the customer can not see the thank you message.

    Please Help,

    Scott Mosteller

    Page URL:
    http://www.closetocustomlinens.com/

    scroll Thank You message message site sidebar
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 31, 2014 at 11:05 AM

    Hello Scott,

    Yes it is possible to achieve your requirement. The form is being opened by using your own stylesheet. The URL to your stylesheet is in this location: http://a2ro9i0iyl77kd-a1yfifm6o2wum2-w-en-us.webstore-images.com/media/page_overrides.css 

    There are two options to resolve your issue. Either open the above css file and change the height property of  ".white_content_inner" to "690 px;"

    Other alternative is to add the below mentioned code in your web page. You can add just before you have your form embed code or below the link to the css files you have in your form:

    <style>

    .white_content_inner {

    background: #FFFFFF;

    border: medium none;

    height: 690px;

    margin: 0 auto;

    overflow: scroll;

    padding: 16px;

    width: 500px;

    }

    </style>

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!