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 vertical scroll bar at lightbox window?

    Asked by sto_metallik on March 12, 2017 at 06:36 AM

    Hi! I've got a problem. If I click on the image called "Исправление геометрии", a lightbox window appears. That's fine. But! The lightbox has vertical scroll bar. How can I disable or remove it?

    Page URL:
    xn----8sbonkeaeq3ale.xn--p1ai

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Chriistian on March 12, 2017 at 08:57 AM

    Hi there,

    I am not able to find a lightbox in the page you have given. But please try adding this CSS to your page.

    <style type="text/css">
    div.jt-content{
    overflow: hidden !important;
    </style>

    If the issue still persists, please give us the correct URL where your lightbox form is located.

    Regards.

  • Profile Image

    Answered by sto_metallik on March 12, 2017 at 11:03 AM

    I don't know where I have to place this code. Tell me where?

  • Profile Image

    Answered by sto_metallik on March 12, 2017 at 11:09 AM

    Here is a link to the page.

    Just click on page images, I attached below

    or

  • Profile Image

    Answered by sto_metallik on March 12, 2017 at 12:47 PM

    I placed your code in <head> section of the page. But scroll bar is still there ((

  • Profile Image
    JotForm Support

    Answered by Jim_R on March 12, 2017 at 03:43 PM

    I checked the page you mentioned and didn't see any scrollbars on your lightbox form. I can only assume you figured it out after posting your question.

    Here's how I saw it from my perspective:

    In case you need more help, don't hesitate to ask.

  • Profile Image

    Answered by sto_metallik on March 12, 2017 at 05:58 PM

    Hmm, you're right you know ) If I use Chrome, there is no scroll bar at all. But if I try to view my page using Mozilla Firefox, the scroll bar is being visible. I'd like to hide it on any browser.

  • Profile Image

    Answered by sto_metallik on March 12, 2017 at 06:08 PM

    I was wrong ))) I just checked lightbox with the form once again using Firefox and YES! No scroll bars! ))

  • Profile Image

    Answered by sto_metallik on March 12, 2017 at 06:15 PM

    Here is another form issue. Form input fields have a bug or something like that at the right side of each input field. How to improve it? Here is a screenshot above:

    screenshot

  • Profile Image
    JotForm Support

    Answered by Chriistian on March 12, 2017 at 08:51 PM

    Glad that the vertical scrollbar in the lightbox issue has now been resolved. I have moved your next issue to a separate thread. Please follow this link: https://www.jotform.com/answers/1089609

    Regards.

  • Profile Image

    Answered by sto_metallik on March 13, 2017 at 03:56 AM

    I have already done all this steps. And the result is a problem with input fields. I think these empty areas on the fields are just white backgrounds of error messages that i hided by choosing the second type of styling. Is there any way to customize errors style using custom style?

  • Profile Image
    JotForm Support

    Answered by Chriistian on March 13, 2017 at 05:33 AM

    Can you please try to inject this custom CSS and see if this makes difference on your form? Here's the guide on How to Inject Custom CSS Codes.

    .form-line-error:after {   

        left: 340px !important; 

    }

    Result:

    Hope this helps.
    Regards.