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.
Having trouble with Form's Responsiveness when embedded on a modal?Asked by brandimax on May 19, 2015 at 10:59 PM
I have set my form to be responsive in the settings, however, both I and my client are experiencing difficulties in viewing and using the form on our cell phone.....fields disappear and we cannot see the entire form....
Under my account the form is called "Family Life Conference..." here is the actual online embedded link:
click the button "Register Now" the form will pop-up and when you adjust the screen to the likeness of a cell phone sized device ...the issues begin
My client indicated the following:
I've tried several times to register for the conference using my cell and unfortunately I was not successful. I was able to complete registration form, email address, mailing address, choice for conference and whether I have an exam appointment or not then, a close box appeared. There is no fields available for registration fees/donation.
When you look at the actual form design...the fields are there ...not sure what is happening ...Please help.
responsiveness registration form settings donation div
I can see the issue, it is caused by the JS embed.
The issue is that the form is set to a certain height, 1126px. As the form is being resized to a more narrow screen, it gets longer and flows over the set 1126px of its height.
Can you please try using the iFrame embed method instead, and setting its scrolling="no" to scrolling="auto".
Please try it out and let us know how it goes.
I tried your suggestion, but it did not work effectively for the mobile format since it was sitting inside of a very wide modal pop-up. I eventually had to just place it on a separate html page.
It seems to be performing better.
I'm glad that you have managed to work it out.
If you needed any assistance again, please do not hesitate to open a new thread here in the forum, we'll try our best to help.