Adjusting the name field

  • Profile Image
    dlasson
    Asked on September 01, 2016 at 04:14 PM

    How can I create a text box for a first name, then a one-character box for the last name?

    Thanks.

  • Profile Image
    liyam
    Answered on September 01, 2016 at 09:09 PM

    Hello dlasson,

    Your only solution on this is to have a separate text box field for each (one for first name, and one for last name). And then set your last name field setting a max size of 1

     

    Not within JotForm method

    But if you wish to make use of the Full Name field,

    the only way for you to do this is to get your form's full HTML code, place it on your web page and add the attribute on the input text box to have a maxlength value of 1. 

    Example: <input class="form-textbox" type="text" size="15" name="q124_name124[last]" id="last_124" maxlength="1">

     

    Feel free to let us know if you have further questions.

  • Profile Image
    dlasson
    Answered on September 02, 2016 at 09:28 AM

    Regarding the first solution: 1) how can I have the "first name" and "last initial" fields side by side? 2) how can I shrink the "last initial" field to the size of one character?

    I actually just found the following form where I did just this, but with the new Jotform interface, I cannot seem to find how I can duplicate it. 

    https://form.jotform.com/53006010463136

    Thank you!

  • Profile Image
    Jan
    Answered on September 02, 2016 at 11:12 AM

    1) How can I have the "first name" and "last initial" fields side by side?

    I opened your form and I can see that the first name and last initial fields are already next to each other. Here's a screenshot:

    2) How can I shrink the "last initial" field to the size of one character?

    Please insert this custom CSS code to your form:

    input#last_38 {
    width: 25px !important;
    }

    Here's a guide: How-to-Inject-Custom-CSS-Codes. Here's the result:

    Related guide: How-to-Clone-an-Existing-Form-from-a-URL

    Hope that helps. Thank you.