Boxes not aligning up on the left.

  • FireflyGuy
    Asked on September 26, 2016 at 5: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.

    Jotform Thread 942355 Screenshot
  • Chriistian Jotform Support
    Replied on September 26, 2016 at 9: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

    Boxes not aligning up on the left Screenshot 40

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

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

    Boxes not aligning up on the left Screenshot 51

    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:

    Boxes not aligning up on the left Screenshot 62

    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.