"Other"option not lining up properly for check box field

  • pardop1
    Asked on March 29, 2016 at 6:47 PM

    This happens often. The word other and the area to write in the info do not line up properly. Please see what is going on and let me know how to fix it or please fix it

     

     

    https://form.jotform.com/60875320500952

  • jonathan
    Replied on March 30, 2016 at 12:22 AM

    I checked the form https://form.jotform.com/60875320500952 and I was able to see the problem you mentioned.

    Otheroption not lining up properly for check box field Image 1 Screenshot 30

     

    to fix this specifically, try adding this CSS code on your form 

    #input_12 {

            position: absolute;

        width: 130px;

     

    }

    Otheroption not lining up properly for check box field Image 2 Screenshot 41

     

    Let us know if this did not work.

     

  • pardop1
    Replied on April 6, 2016 at 11:45 AM
    this only worked for the first occurrence, not the other 2. please go into form and current for them. This should not be happening and the solution is silly.
    ...
  • BJoanna
    Replied on April 6, 2016 at 12:58 PM

    For two "Other" fields, please add this CSS code to your form:

    #input_92 {

        position : absolute;

        width : 130px;

    }

    #input_93 {

        position : absolute;

        width : 130px;

    }

    Otheroption not lining up properly for check box field Image 1 Screenshot 30

    After you add this code, your form will look like this:

    Otheroption not lining up properly for check box field Image 2 Screenshot 41

    Here is my cloned form where I added mentioned CSS code: https://form.jotform.com/60965355952971

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • pardop1
    Replied on April 6, 2016 at 4:45 PM
    Thank you for your help on this - I edited the options for the sports in the check box fields and the pagination is horrible. I cannot see how to make the columns spread out properly so not lines flow to the next line. Please tell me how to fix it. Again, this feature should work much better than it does.
    Thanks,
    Pam
    ...
  • BJoanna
    Replied on April 6, 2016 at 5:33 PM

    Are you referring to this part of your form?

    Otheroption not lining up properly for check box field Image 1 Screenshot 30

    You want that each check box options is in one line? If that is the case please add this CSS code to your form:

    #id_12 .form-checkbox-item {

        width : 200px;

    }

    When you add this code, your form will look like this.

    Otheroption not lining up properly for check box field Image 2 Screenshot 41

    Feel free to contact us if you have any other questions.