How to have prefix, first and last name fields in single line?

  • EflaEfla
    Asked on January 22, 2016 at 2: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.

  • Ben
    Replied on January 22, 2016 at 2: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.

  • EflaEfla
    Replied on January 25, 2016 at 3: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

  • mert JotForm UI Developer
    Replied on January 25, 2016 at 9: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:

    How to have prefix, first and last name fields in single line? Image 1 Screenshot 20

     

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

    Thanks.