How to display full name field in the same row?

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

  • Profile Image
    KevinGarcia
    Answered 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
    Cellofest
    Answered 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
    KevinGarcia
    Answered 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
    Boris
    Answered 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.