What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I add fields to a Text LIne to have multiple inputs much like the Date time picker?Asked by gabrielva on May 29, 2014 at 10:14 AM
I want to be able to take a field line and have a few items in it such as qty, length in ft and another field in inches. I really dont want to have several lines for each item, but rather one line item with those properties and then something similar to InfoPath where you can click a button to add another item just like the one above it.
What Id like to have:
Item: INPUT FIELD 1 | INPUT FIELD 2 | INPUT FIELD 3
Item2: INPUT FIELD 1 | INPUT FIELD 2 | INPUT FIELD 3
What I don't want:
Item: INPUT FIELD 1
Item QTY: INPUT FIELD 2
Item Length: INPUT FIELD 3
Item2: INPUT FIELD 1
Item2 QTY: INPUT FIELD 2
Item2 Length: INPUT FIELD 3
If you could give me some insight I would be grateful here.
date time length thanks items qty
If I understand your requirement correctly, you want to place your form fields next to each other. Is that correct?
You can take advantage of our "Shrink" feature to position your fields. The following guide should help you: http://www.jotform.com/help/90-Form-Field-Positioning
Please take a look at the following demo form and see if you want to achieve something similar: http://form.jotformpro.com/form/41484711888970? Feel free to clone this form for a closer look. The following guide should help you in form cloning: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
You can further customize your form by injecting custom css code in your form.
Hope this helps.
Do get back to us if you have any questions.