Similar (duplicate) questions are not aligned correctly.

  • bossshedskc
    Asked on March 15, 2015 at 8:42 AM

    Same sections and the lower one (split sliding doors) will not all stay on the same line for the 4 decisions.

     

    The "Qty" box of the split siding door section drop down a a row.

     

    Thank you for your help

    Jotform Thread 533394 Screenshot
  • BJoanna
    Replied on March 15, 2015 at 11:38 AM

    Did you manage to fix your problem in the meantime? I inspected your website and everything seems  to be fine. All mentioned fields are in the one line.

    Similar (duplicate) questions are not aligned correctly Screenshot 20

    Let us know if your problem is not resolved or if you have any other problems.

  • bossshedskc
    Replied on March 15, 2015 at 8:37 PM

    When I enlarge the page from 100 to 120%, then they are on the same line.

    But even when I look at the screenshot you sent, the fist box in each row (location) lines up on the far left, but the other boxes are not in the exact same column straight up and down.

    Each row gets worse in the bottom three rows.... the spacing gets worse.

     

    Similar (duplicate) questions are not aligned correctly Screenshot 20

  • Ashwin JotForm Support
    Replied on March 16, 2015 at 1:16 AM

    Hello bossshedskc,

    I did check your form and the reason why the fields does not appear to be aligned correctly is because of the length of the question label. 

    Even if it is the same question but the label of both the question is different "SSD 1 / SPSD 1". One character has changed the width of the question and that is the reason it does not appear to be aligned in sync with other question. 

    I would suggest you to inject the following custom css code in form and that should solve your problem:

    li#id_51, li#id_55, li#id_59 {

    left: -7px;

    }

    li#id_52, li#id_56, li#id_60 {

    left: -16px;

    }

    li#id_53, li#id_57, li#id_61 {

    left: -23px;

    }

    The following guide should help you on how to inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • bossshedskc
    Replied on March 16, 2015 at 8:27 AM

    Thank you. Worked perfectly.

  • Ashwin JotForm Support
    Replied on March 16, 2015 at 9:32 AM

    Hello bossshedskc,

    You are welcome.

    I'm very pleased that I was able to help you.

    Do get back to us if you have any questions.

    Thank you!