Some of the fields are too short or too close together

  • Profile Image
    jklmconsultants
    Asked on April 06, 2019 at 06: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.

  • Profile Image
    jklmconsultants
    Answered on April 06, 2019 at 06:43 PM

    1554590618Screenshot_20190406-184015_Chr


  • Profile Image
    Jed_C
    Answered on April 07, 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. 

  • Profile Image
    jklmconsultants
    Answered on April 07, 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




    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.0

  • Profile Image
    Mike_G
    Answered on April 07, 2019 at 04: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.


  • Profile Image
    jklmconsultants
    Answered on April 07, 2019 at 05: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.10

  • Profile Image
    Mike_G
    Answered on April 07, 2019 at 05: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.