Check box fields on the same line

  • assafk
    Asked on June 2, 2015 at 7:49 AM

    Hi, 

    As you can see, in question no. 3 2 of the optional answers are at the same line. why is this happening?

    Check box fields on the same line Image 1 Screenshot 20

     

    Many thanks!

    Assaf.

  • Ecem JotForm Designer
    Replied on June 2, 2015 at 8:04 AM

    Hi Assaf,

    All our labels accept HTML elements in it, so you can just create a question like this:

    "This is my question that I would like to break into 2 lines here and have this text in the second line"

    to this

    "This is my question that I would like to break into 2 lines here
    and have this text in the second line
    "

    Check box fields on the same line Image 1 Screenshot 20

    As you can see, all I did was to add
    in there.

    Anywhere you add this will break the line into 2 and will not be shown.

    Now if hat is not what you meant do let us know if you mean on a different type of line break and we would be happy to assist.

    Best Regards.

    Ecem

  • assafk
    Replied on June 2, 2015 at 8:14 AM

    I'm not sure you got it right.

    as you can see in the picture above, two of the possible answers in the check-box question appear in the same line. how can i separate them that they will appear in different lines, like all the other answers?

     

     

    thank you!

  • Jan
    Replied on June 2, 2015 at 9:53 AM

    Please try to insert this custom CSS code.

    .form-checkbox-item label {

         margin-left: 350px !important;

    }

    Here's a guide if you need one.

  • ibrahim JotForm UI Developer
    Replied on June 2, 2015 at 10:28 AM

    Hi Assaf,

    We solved the problem by adding the 'width: 100%' value to '.form-checkbox-item' class.

    Check box fields on the same line Image 1 Screenshot 20

  • assafk
    Replied on June 2, 2015 at 10:42 AM

    Now its fine :)

     

    Many thanks!