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 adjust field alignment/layout

    Asked by asamothstudios on September 30, 2012 at 09:09 PM

    Hi

     

    I am trying to create a contact form with a particular layout for the fields. I need the name, telephone and email fields under each other with left alignment and a message filed aligned to the right of the other three fields. The website has the layout I am trying to replicate but whenever I move the message field the email and contacts always end up below and not next to the field. 

     

    My attempted form is here: http://form.jotform.co/form/22737561827865

    Page URL:
    http://asamothstudios.com/Beta/

  • Profile Image
    JotForm Support

    Answered by idarktech on October 01, 2012 at 03:48 AM

    Hi,

    I hope I got it correctly. Check this: http://form.jotform.me/form/22741556055453?

    Feel free to clone this form by following this guide: How to clone an existing form from a URL

    I've used CSS codes to align the message box. This what I've injected to this form.

    #id_5{

    position: absolute;

    left: 360px;

    top: 0;

    }

    #input_5{

    height: 165px !important;

    max-height: 165px !important;

    min-height: 165px !important;

    }

    If you'd like to modify this codes, follow this guide: How to Inject Custom CSS Codes

    Let us know if you need anything else. Thanks!