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.


  • Profile Image

    How to make Email address field and Phone number field inline?

    Asked by BBC2016 on April 28, 2016 at 01:12 AM

    Hi -

     

    I'm having a really hard time with getting PHONE and EMAIL fields on the same line.

    I cant move it without everything else getting messed up - there are big css blocks and I can't do it.

    Can u do it since u are the experts or give me css quick???

    Also - the address section I want that OUT butit messes up the rest of the form.

    SEE ATTACHED IMAGE I MADE!

    FORM: http://buildingbridgescoalition.org/registration-form/ 

    Screenshot
    align fields inline one line phone number email address email field css custom CSS
  • Profile Image
    JotForm Support

    Answered by Mike_G on April 28, 2016 at 05:28 AM

    My colleague, Elton, have already removed the address field from the form on this thread, http://www.jotform.com/answers/828197.

    With regards to making the Phone Number field and Email address fields in one line. I have applied the changes on your form. 

    But if you want to know how it was done, here's how: 

    First, shrink the fields.

    Then, add the CSS codes below:

    #id_10, #id_5{

    width: 48% !important;

    }

    #id_5{

    margin-right: 4% !important;

    }

    Let us know if you need any further assistance. Thank you.

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 28, 2016 at 05:39 AM

    By the way, I have also updated this code: 

    #id_13 table.form-address-table {

        position : relative;

        bottom : -554px;

    }

    I updated the bottom property from -554px to -450px. 

    This will move the Billing Section upward.

    Thank you.

  • Profile Image

    Answered by BBC2016 on April 28, 2016 at 09:57 PM

    UR INCREDIBLE!!!!!

    How do I get price dollar sign next to the BOTH boxes in product section at the top???? $

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 28, 2016 at 11:46 PM

    On behalf of my colleague, you are most welcome. It appears that the issue on this thread has been resolved. To avoid confusion and to better assist you with your latest concern, the question regarding the dollar sign shall be answered in this thread that you opened: https://www.jotform.com/answers/829042.
    Regards. 

  • Profile Image

    Answered by BBC2016 on April 29, 2016 at 12:10 AM

    it is not solved - please help!

     

     

    How do I get price dollar sign next to the BOTH boxes in product section at the top???? $

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 29, 2016 at 01:27 AM

    Like what my colleague, Chriistian, have mentioned, we will answer your other concern on the thread you have opened specifically for it. 

    https://www.jotform.com/answers/829042

    I will be working on it and will post my answer as soon as I have created the solution. 

    Thank you.