Getting two separate fields to look like compound field.

  • Profile Image
    petruzzo
    Asked on December 29, 2016 at 09:35 PM

    I'm trying to get the First Name & Last Name fields in this form to line up like they do for the compound field. The compound field won't work for me because in the email notification, I need to be able to merge just the first name. So I'm stuck with two separate fields.

    How can I get these to line up clean and full width (and keep them that way at different screen sizes) with two separate fields?

  • Profile Image
    BJoanna
    Answered on December 30, 2016 at 03:34 AM

    Are you working on this form https://www.jotform.com/63634645000145?

    I think that can use our Full Name field instead of two separate fields. If you want to separate first and last name inside of email Notification you can use this values of Name field {name:first} and {name:last}. 

    However if you still want to use two separate fields, add this CSS code to your form:

    #id_8 {

        width : 49.5%!important;

    }

    #id_9 {

        width : 49.5%!important;

    }

    How to Inject Custom CSS Codes

     

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    petruzzo
    Answered on December 30, 2016 at 10:17 AM

    Yup, that did the trick. You have no idea how long I looked for this information. Thanks.