How to display full name field in the same row?

  • Cellofest
    Asked on October 16, 2015 at 7: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.

  • KevinGarcia
    Replied on October 16, 2015 at 8: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 .

    How to display full name field in the same row? Image 1 Screenshot 20

     

    I hope that helps.

     

    Regards.

  • Cellofest
    Replied on October 16, 2015 at 8: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. 

     

  • KevinGarcia
    Replied on October 16, 2015 at 9: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 : 

    How to display full name field in the same row? Image 1 Screenshot 20

     

    You can take a look to my clone :

     

    http://form.jotform.co/52887375333869

     

    I hope that helps.

     

    Regards.

  • Boris
    Replied on October 17, 2015 at 6: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.

    How to display full name field in the same row? Image 1 Screenshot 20

    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.