Form moves on the screen when selecting options

Hello !

I want to ask you to check my form https://form.jotform.com/53515984472969.

On the first screen I start with a selection to show related fields. If a selection is made, the additional fields become visible. This work fine, but the the complete form ´jumps a little bit´ (the position on the screen is changing). After the selection was made and the related fields are displayed, it keeps stable, even while navgating between the pages. 

Can you tell me, where is the mistake in my form and how to suppress this screen movement.

THX !

Best regards

Erwin

It seems to be connected with the page break. You can test and clone the demo form:

https://form.jotform.com/60044545150950 

I will make further tests to see how to solve this situation.

Let us know if we can assist you further.   

Hi Carina !

I know, that working without page breaks will fix this phenomenon, but using the Form tab widget together with page breaks is essential, as it´s the only way to have a clear structure and keep each part of the form overseeable. I hope you find a way, how I can keep both and fix the display behaviour.

THX !

BR Erwin

The issue is nothing but the scrollbar being displayed on the right side of the form after selecting the option. This option is displaying other fields on the form and scroll bar is activated in order to scroll down the page.

This may be resolved by enabling the scrollbar to display on the right side by injecting the following CSS code to your JotForm.

.supernova {

overflow-y: scroll;

}

Hope this information helps! Let us know if you need any further assistance.

Hi Kiran !

Y´ve saved my day ! :-) - No more moving around after I have included this CSS code.

Thank you !

Best regards

Erwin

Glad to see that the issue is resolved for you. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

Thank you for using JotForm!!