I need to put blanks for phone number and e-mail into the same field as street address, next to the street address is there a way to do that?

  • WV201
    Asked 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.

  • BJoanna
    Replied 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:

    Form Field Positioning

    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. 

  • WV201
    Replied 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

  • BJoanna
    Replied on January 19, 2017 at 1:52 PM

    Do you want to position your field like this.

    I need to put blanks for phone number and e mail into the same field as street address, next to the street address is there a way to do that? Image 1 Screenshot 30

    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.

    I need to put blanks for phone number and e mail into the same field as street address, next to the street address is there a way to do that? Image 2 Screenshot 41

    https://form.jotform.com/70185394366968 

    Let us know if you need further assistance. 

  • WV201
    Replied 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.

  • BJoanna
    Replied 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.