How can i vertically align text fields and drop down menus

  • Thizzle
    Asked on April 16, 2014 at 3: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

    Jotform Thread 363214 Screenshot
  • Welvin Support Team Lead
    Replied on April 16, 2014 at 7: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

  • Thizzle
    Replied on April 16, 2014 at 8: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.

  • Welvin Support Team Lead
    Replied on April 16, 2014 at 9: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

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

  • Thizzle
    Replied on April 16, 2014 at 10:45 AM

    I got it.

    Thanks again for resolving my question.