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 have prefix, first and last name fields in single line?

    Asked by EflaEfla on January 22, 2016 at 02:02 PM
    Hello, 

    I do have a similar problem.  I can't have the Prefix - First Name & Last Name displayed on a same line 

    The last name is always displayed onto a second line.

    prefix full name first name last name align fields
  • Profile Image

    Answered by Ben on January 22, 2016 at 02:06 PM

    As mentioned on the previous thread, there are several causes of the same.

    To best assist you I would like to ask you to let us know what is the form and if the last name field falls into the next line when you view your form on the mobile device or when the form is embedded into a page?

    If the second, do let us know what is the link to the same so that we can check it out and see what happens and offer our suggestion on resolving the same.

  • Profile Image

    Answered by EflaEfla on January 25, 2016 at 03:35 AM

    Hi Ben

    Here's a sample form with that problem.

    https://eu.jotform.com/themes/#form/60241375309350

     

    It appears after I apply a theme on my form.  So I guess something's wrong in my theme but I can't find what parameter to change to get it right ! 

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by mert on January 25, 2016 at 09:53 AM

    Hi there,

    To achieve the scenario that you are talking about, you need to inject some custom CSS codes to your form. Below, you will see the code that makes the your "Full Name" field align in one line.

     

    .form-sub-label-container{

    width: 90px !important;

    }

     

    After adding this code, your form will look like the below:

     

    Please, try this one and let us know the results.

    Thanks.