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

    Getting two separate fields to look like compound field.

    Asked by petruzzo 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
    JotForm Support

    Answered by BJoanna 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

    Answered by petruzzo 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.