How to display full name fields inline?

  • Profile Image
    plungefetish1
    Asked on September 09, 2017 at 03:17 PM

    my form URL is https://form.jotform.us/71868132784163

     

    When I work in form builder with the Enter Your Name widget the fields First Name and last name appear side by side on the same line.   This is what I want to happen.   When I enter the preview mode they move to a different places,  the field Last Name appears below the field First Name

    Are the fields the wrong width ?  If so how do I adjust them?

    Thanks

    Kip

  • Profile Image
    Kevin_G
    Answered on September 09, 2017 at 06:29 PM

    Please inject the following CSS code to display the fields inline: 

    [data-type="control_fullname"] .form-sub-label-container{

      width: 45% !important;

    }

    This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • Profile Image
    plungefetish1
    Answered on September 10, 2017 at 10:13 PM

    Thanks! That worked great!