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 display full name field in the same row?

    Asked by Cellofest on October 16, 2015 at 07:50 PM

    I have tried increasing the width of the form. shrinking and expanding fields but they stay on the left. Any help greatly appreciated.

    Page URL:
    https://form.jotformeu.com/52835497900362

    name rows name fields
  • Profile Image

    Answered by KevinGarcia on October 16, 2015 at 08:14 PM

    Hi,

    Paste this CSS code in the Designer : 

     

    #id_105 .form-sub-label-container {

        width : 48% !important;

    }

     

    The result should look like this .

     

    I hope that helps.

     

    Regards.

  • Profile Image

    Answered by Cellofest on October 16, 2015 at 08:23 PM

    Thanks, Is there a way to make the 2 name fields fill the whole width of the form? I'm sure I had it like that before but when I was fiddling about with something else it changed.. 

    I also have name fields for multiple applicants so would need to replicate it for each of those. 

     

  • Profile Image

    Answered by KevinGarcia on October 16, 2015 at 09:36 PM

    I'm glad to help.

     

    And to make the fields fill the whole width of the form, paste this code,will work as required :

     

    #cid_105 {

        max-width : 100%;

    }

     

    #cid_106 {

        max-width : 100%;

    }

    #cid_106 .form-sub-label-container{

        width:48% !important;

    }

    #id_106 {

        width : 100% !important;

    }

     

    Here is the result : 

     

    You can take a look to my clone :

     

    http://form.jotform.co/52887375333869

     

    I hope that helps.

     

    Regards.

  • Profile Image
    JotForm Support

    Answered by Boris on October 17, 2015 at 06:44 AM

    I see that you have already successfully applied Kevin's code to your form, we are glad to see that it is working great on your form.

    Please let us know if you need any further assistance with your name fields, or do not hesitate to open a new support thread if you need assistance with anything else, and we'll do our best to help.