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 can i vertically align text fields and drop down menus

    Asked by Thizzle on April 16, 2014 at 03:18 AM


    Hello,


    I am making an order form for an elementary school so people can order food for a party.

    I want to vertically align all the - text fields with the price (€)

                                                - drop down menus with the quantity (aantal)

                                                - calculation fields (te betalen)

    I uploaded a picture of how i want it to be.

     

    Is that possible?!

     

    Thanks in advance.

     

    Regards

    Page URL:
    http://www.gbszonneveld-extra.be/test/

    Screenshot
    and order form quantity picture thanks
  • Profile Image
    JotForm Support

    Answered by Welvin on April 16, 2014 at 07:21 AM

    Hi,

    Yes, you can use our Field Positioning feature. Follow this guide: Form-Field-Positioning. If the output isn't enough or doesn't looks good, you can inject a custom CSS codes to your form. 

    Try to position the fields and let us know if you need some adjustments.

    Thanks

  • Profile Image

    Answered by Thizzle on April 16, 2014 at 08:49 AM

    Hello,

     

    That isn't what i'm looking for. I already managed to position 4 fields in a row but i want all to have an equal space between them. When you take a look at my webpage and at the picture i attached at my post above you will see the difference and understand what i'm trying to achieve. My English isn't perfect, so it not so easy to explain myself. I am from Belgium so pls bare with me...

     

     

    I know how to insert CSS codes but where can i find them?

     

    I hope you can help me out.

     

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 16, 2014 at 09:17 AM

    My apologies! You can inject a custom CSS codes to your form by following this guide: How-to-Inject-Custom-CSS-Codes.

    You can use these custom CSS codes: http://pastiebin.com/534e8267c87a1.

    The output should be like this: http://www.jotformpro.com/form/41054193293957

    Let us know if you need further adjustments.

    Thanks

  • Profile Image

    Answered by Thizzle on April 16, 2014 at 10:06 AM

    That is exactly what i was looking for. Thank you very much!


    I got another small question.

    Is it possible to have a fixed Euro sign with a blank space in front of the 0 in every calculation field?


    Regards

  • Profile Image

    Answered by EliezerN on April 16, 2014 at 10:44 AM

    Please check our answer to your inquiry in this other thread: http://www.jotform.com/answers/363397

    Kindly reply there in case you need further assistance with that.

    Thanks

  • Profile Image

    Answered by Thizzle on April 16, 2014 at 10:45 AM

    I got it.

    Thanks again for resolving my question.