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.
How to prevent horizontal "jumping" on the formAsked by nicklambson on August 07, 2015 at 03:16 PM
I want to prevent horizontal "jumping" when the form expands below the visible limit at the bottom of the screen. I understand that a good way to do this is to force the vertical scroll bar to always appear.
I inject this near the end of my CSS:
The form doesn't seem to update to this edit. Any suggestions on how I can do this within JotForm CSS? Maybe I'm doing something incorrectly?
JotForm scroll jotform css force
You can prevent horizontal "jumping" when the form expands below the visible limit, when user click on form collapse tab, by adding ?nojump into the form URL.
Hope this will help. Let us know if you need further assistance.
Thanks for your reply, this is a helpful feature. This prevents any vertical jumping when the form collapse tabs are opened. I will be sure to activate this for my form.
The issue I was looking to correct is actually horizontal jumping when the scroll bar on the right side of the screen appears, shifting the center justified form to the left by a couple pixels. Is there any way to prevent this other than injecting custom CSS? If I do inject custom CSS to force the vertical scroll bar to always show, how do I do that?
Thanks for your help!
Hello Nick, you were on the right track. ;)
To have the scrollbar always showing, even when the page content is short, we need to set overflow-y: scroll; on the html element. There is no .vertical-scrollbar class on our form's HTML element, so that is why your custom CSS didn't work.
Please try adding custom CSS to your form:
This will ensure that your form is displayed with its vertical scrollbar always visible, and there will be no more horizontal jumping due to the scrollbar disappearing. Please let us know how it goes.
Success! Thanks Boris and BJoanna for the help. Both suggestions make my form navigation much smoother.
On behalf of my colleague and me, you are welcome.
Feel free to contact us if you have any other questions.
I have moved your question to separate thread and we will provide you an answer there shortly.