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

    Boxes not aligning up on the left.

    Asked by FireflyGuy on September 26, 2016 at 05:33 PM

    I have a form that is very lengthy and detailed. It is an online employment application form that will appear on a client's website. At the bottom of the form, I am trying to insert a series of "yes" and "no" questions that will have a positive response... so that if someone click on yes, the next question will ask to explain. Example: Do you have relatives that work here? If the person says YES, then they would need to list their relatives in the accompanying text box.

    The issue is that the boxes do not align on the right. I am shrinking the boxes so that I can get the yes/no question and the explanation answer on the same line. But in the screen grab example I sent, the second question is aligning with the explanation answer instead of shifting all the way to the left. each successive box aligns further right.

    How can I push the Yes/No boxes to the left? Note, the form is not live on the website yet so there isn't a URL page to display.

    Screenshot
    left boxes aligning application form detailed next positive
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 26, 2016 at 09:51 PM

    To achieve your requirement, please follow the steps below:

    1. Open the Advanced Form Designer. Here's a guide that can help: Form Designer Tutorial

    2. Now open the Form Layout section on the designer.

    3. Check the "Enable Form Columns" checkbox and set it to 2.

    4. Then inject the custom CSS Code below:

    .form-textbox {

        margin-bottom: 20px;

    }

    5. Once you shrink the rest of the fields, this is how it should look after:

    You can also clone this demo form to your account where I have already applied the CSS: https://form.jotform.com/62698149034968 

    If you need further assistance, please let us know.
    Regards.