How to remove the scroll bar from my form?

  • Profile Image
    reelance
    Asked 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
    ashwin_d
    Answered 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
    reelance
    Answered 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
    BDAVID
    Answered 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
    reelance
    Answered 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
    EliezerN
    Answered 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.

    Thanks