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

    Forms field overlap and one is not accessable

    Asked 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?

    field positioning align field
  • Profile Image
    JotForm Support

    Answered by david on June 09, 2014 at 06:07 PM

    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.

     

  • Profile Image

    Answered by reelance on June 09, 2014 at 07:35 PM

    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?

  • Profile Image
    JotForm Support

    Answered by BDAVID on June 09, 2014 at 08:52 PM

    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.

  • Profile Image

    Answered by reelance on June 09, 2014 at 09:36 PM

    How can i change the width of the field phone so the fields dont overlap?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 10, 2014 at 12:11 AM

    Hello reelance,

    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.

    Thank you!

  • Profile Image

    Answered by reelance on June 10, 2014 at 11:31 AM

    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

  • Profile Image

    Answered by jedcadorna on June 10, 2014 at 02:48 PM

    Hello,

    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

  • Profile Image

    Answered by reelance on June 10, 2014 at 03:00 PM

    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

  • Profile Image
    JotForm Support

    Answered by jonathan on June 10, 2014 at 04:23 PM

    @reelance

    Hi,

    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.

     

    Thanks!