Create a three single-line fields like the Full name field

  • mike_fremont
    Asked on September 3, 2024 at 11:27 AM
    I reused the name field because i like the 3 text boxes for different items. Is there a way to make a nice neat 3 box field like name? I just did not see anyway but single txt boxes.
  • Jefferson JotForm Support
    Replied on September 3, 2024 at 12:31 PM

    Hi Mike,

    It is possible to create a short text field and set it as a three-line field like the name field. Let me show you how:

    1. In your Form Builder, add 3 Short Text Fields in your form, and rename it with the 3 name types. Create a three single line fields like the Full name field Image 1 Screenshot 50

    To shrink the size of the field:

    1. Select the field and click the Gear icon.
    2. In the Short Text Properties, go to the Advanced tab and toggle the Shrink as On.
    3. Repeat the same steps for other fields. Create a three single line fields like the Full name field Image 2 Screenshot 61

    Next, let's adjust the width of the fields and align them as a single line:

    1. Select the field and click the Gear icon.
    2. In the Short Text Properties, go to the Options tab and toggle the Width as Fixed.
    3. Enter the width as 150. You can also adjust it based on your preference.
    4. Repeat the same steps for other fields. Create a three single line fields like the Full name field Image 3 Screenshot 72

    Lastly, set the three fields as Required:

    • Press and hold your Shift key while clicking each field.
    • After selecting the fields, click the Require button at the top of your page. Create a three single line fields like the Full name field Image 4 Screenshot 83

    That's it! Test your form, and you will see that the 3 fields are now in a single line, the same with a full name field.

    Give it a try and let us know how it goes.

Your Answer