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

    How to create an aligned phone number field with Text Boxes?

    Asked by kevinpclarke on September 29, 2016 at 02:35 PM
    Once last question, I had to add the title “Phone Number” in a Text box because adding this as a title above the Country code vertically misaligns Area code and Phone number boxes as they don’t need a title, is it possible to shrink the gap as shown below in the Text box to be closer to the 3 boxes? I guess this is manipulating how the Text box is aligned. Here is my test page https://form.jotformeu.com/62705006484352
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 29, 2016 at 02:45 PM

    First I would like to let you know that you may also show the three fields using the Phone Number field, simply add the Phone Number field to your form, open the field properties and turn the option to show the Country Code on. 

    Now, if you want to use the three text boxes, I would suggest you to add the labels (field's title) to the three fields, Phone Number, Area and Country Code then inject this code: 

    label#label_36, label#label_37 {

        opacity: 0;

    }

    This way you will have the fields and title closer and will have them aligned: 

    Here is the link to my cloned form of yours, please take a look and feel free to clone ithttps://form.jotform.com/62725253641959 

  • Profile Image

    Answered by kevinpclarke on September 30, 2016 at 03:46 PM
    Hi Kevin_G,

    This works great! Many thanks for the clone as well.

    Thanks again
    Regards
    KevinC

    ...