-
WV201Asked on January 19, 2017 at 10:38 AM
I also need to do this with the street address in standard mailing format and without running off the edge of the page which would happen if I try to put all this into one field with the one widget I have been using to put multiple inputs on a single line.
-
BJoannaReplied on January 19, 2017 at 11:50 AM
If I understood you correctly you want to position phone field and email field in same line next to address field. You can achieve that by shrinking your fields. More about form field positioning you can fins inside of this guide:
How to position fields in JotForm
If I did not understood your question correctly, please explain in more details what you are trying to achieve and also provide us ID of the form you are working on.
Hope this will help. Let us know if you need further assistance.
-
WV201Replied on January 19, 2017 at 1:21 PM
I'm still having trouble.... I got the shrinking and putting the fields beside each other part, but I am having trouble getting the fields small enough that they will fit next to each other. I could do it if I could stack Phone and e-mail blanks with hint text as the only labels in one field... But the only widget I can find that will let me stack the text boxes doesn't allow hint text and instead puts the input type way off on the left side making the field to wide to fit next to the address field.
formID=60587778057168
-
BJoannaReplied on January 19, 2017 at 1:52 PM
Do you want to position your field like this.
To achieve this you will need to add this CSS code to your form:
#id_58 {
width: 150px;
padding-top: 50px;
padding-left:0;
}
How to Inject Custom CSS Codes
https://form.jotform.com/70185650329962
Or you can use basic email and phone number fields.
https://form.jotform.com/70185394366968
Let us know if you need further assistance.
-
WV201Replied on January 19, 2017 at 2:36 PM
Thank you! That is what I wanted to do!
The CSS code worked. I had already tried using the basic phone number and e-mail fields, but it wasn't allowing me to put both fields next the address field at the same time.
-
BJoannaReplied on January 19, 2017 at 3:43 PM
I am glad to hear that CSS code worked.
If you want to use basic fields like on my second form that I provided you, you can clone it to your account.
https://form.jotform.com/70185394366968
How to Clone an Existing Form from a URL
Feel free to contact us if you have any other questions.