Some of the fields are too short or too close together

  • jklmconsultants
    Asked on April 6, 2019 at 6:42 PM

    The suffix and last name field are stuck together and don't look good and the phone number field is short and you can't see the full number. I can't seem to figure out how to fix. I tried advanced designer to increase the width or space but haven't gotten any luck. Please help.

    Jotform Thread 1784880 Screenshot
    Page URL: https://form.jotform.com/90782987103162
  • jklmconsultants
    Replied on April 6, 2019 at 6:43 PM

    1554590618Screenshot 20190406 184015 Chr Screenshot 10


  • Jed_C
    Replied on April 7, 2019 at 12:25 AM

    Please inject the CSS code below to adjust the spacing between suffix and last name and the width of the phone number field.

    #input_7_full {

        width: 182px;

    }

    #suffix_3 {

        margin-left: 16px;

    }

    #sublabel_suffix {

        margin-left: 18px;

    }

    Let us know if you have any questions or if you need further assistance. 

  • jklmconsultants
    Replied on April 7, 2019 at 12:06 PM

    Ok so that worked well when I view the form from a desktop computer. On a mobile device it's still cut off.

    1554652898Screenshot 20190407 115927 Chr Screenshot 10




    Also on the desktop computer for some reason the date of birth year is on a seperate line. 


    1554653164Screen Shot 2019 04 07 at 12 Screenshot 21

  • Mike_G JotForm Support
    Replied on April 7, 2019 at 4:04 PM

    To fix the issue you have described in your most recent replies to this thread, please inject the following CSS codes to your form.

    div#cid_17 .form-sub-label-container:first-child {

        width: 42% !important;

    }

    #id_7 .form-sub-label-container:first-child {

        width: 55% !important;

    }

    #id_34 .form-sub-label-container:first-child {

        width: 48% !important;

    }

    I hope this helps. Otherwise, please feel free to let us know.


  • jklmconsultants
    Replied on April 7, 2019 at 5:15 PM

    Cool it worked great, thank you so much!

    I have another question I hope you know how to do it. When I submit the form the field data is then transferred over to my salesforce leads page where it creates a new lead. All the information comes over properly except the signature. What seems to happen is the first part of the link which is www.jotform.com doesn't populate with the link, only the rest of it which i highlighted in the image below. Is there a way that I can get the www.jotform.com to copy to salesforce with the rest of the link or is there another way I can get the signature image to seemlessly transfer over into salesforce?

    1554671649Screen Shot 2019 04 07 at 5 Screenshot 10

  • Mike_G JotForm Support
    Replied on April 7, 2019 at 5:46 PM

    Considering your new concern is about another topic, I have moved it to a new thread to avoid confusion.

    Here's the link to that thread — https://www.jotform.com/answers/1785269

    We will be responding to you there soon.