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

  • Profile Image
    EflaEfla
    Asked 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.

  • Profile Image
    Ben
    Answered 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
    EflaEfla
    Answered 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
    mert
    Answered 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.