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.
Forms field overlap and one is not accessableAsked by reelance on June 09, 2014 at 04:46 PM
Hi, this is my form, http://www.jotform.co//?formID=41327536167860 and the problem is that my customers cant sellect the ciudad (city) and estado (state) opcion with their mouse, any idea how i can fix this with out change the position of the form?
The problem is with overlapping for your form areas. The Ciudad and Estado fields are currently hidden beneath for Calle y numero. Due to the custom css you have it will not allow you to access those fields. The simplest way to fix this would be to remove The part that contains the Ciudad and Estado fields and place them below the form with Calle y numero.
to fix this we can edit width of the field of phone with css? Can you also tell me the id of the field please?
In order to get the ID of a field select a field and click on the "Properties" icon and choose "Show Properties".
In the "Properties" window, you will see the field ID and Name under the “Field Details” section.
How can i change the width of the field phone so the fields dont overlap?
Please take a look at the following cloned form and see if this works as expected : http://form.jotformpro.com/form/41599509462970? Feel free to clone this form in your account. The following guide should help you in form cloning: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
If you want to resolve this in your own form, you need to just "Shrink" the phone field. That should solve your problem. Please check the following screenshot:
Hope this helps.
Do get back to us if you have any questions.
hi, can you tell me how you do this, because i have 20 form with the same problem! with integrations and diferent characteristics! and it would tike me a lot to clone and do everything again! i try shrinking but it moves all my forms
Please take a look at this image of how it was done.
1. When you hover you mouse to Lada and Telefono you can see that it overlaps Ciudad and Estado.
2. Just click on the wheel icon then shrink the Lada and Telefono field.
3. You can now see that Ciudad and Estado fields are now cleared
Hi, when i try to shrink it this happends! http://www.jotform.co//?formID=41605424349857, in doesnt shrinks in the place it coreespond.
-this is the original http://www.jotform.co//?formID=41326568391863 so you can try shrinking this one to see if you are haveng the same results
Was the form http://www.jotform.me/form/41606594723458 created by our colleague Jedcardorna matches already your form requirement?
You can actually also clone the form so that you can have a better understanding how it was created when you open the form in the form builder.
The issue with your form http://www.jotform.co/form/41605424349857 was the "Phone Number" field needs to be Moved to New Line after shrinking so that it will aligned properly
I did this on my own version of the form http://form.jotform.me/form/41605963634458? and it works.
Please try this modification on your form.
Inform us if still not resolved.