Boxes not aligning up on the left.

  • Profile Image
    FireflyGuy
    Asked 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.

  • Profile Image
    Chriistian
    Answered 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.