What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Expand checkbox options to its full width

    Asked by wsfarm on April 29, 2015 at 01:26 PM

    Somehow, I have moved the check field options to the left when I was making changes in designer. How can I get them back where they started, lined up with the other fields?

    Thanks

    Charlie

  • Profile Image

    Answered by Sammy on April 29, 2015 at 03:41 PM

    Hi Charlie,

    Could you check if you shrunk the size of the check-box group, this usually causes it to be moved to the left by default.

    Check on the properties of the check-box group and click on the expand button.

    See the screenshots below.

     

    Kindly let us know of the outcome.

     

    Regards

  • Profile Image

    Answered by wsfarm on April 29, 2015 at 05:37 PM

    Thank you for your reply, but no that is not the problem.

    I thought I might as well just delete the field and rebuild it, but the new checkbox field came up withe same problem!!

    I think it was something that I did in the Designer - I was trying different fonts and other layout settings.

    Can you think of any other reason this might happen?

    Thanks

    Charlie

  • Profile Image

    Answered by Sammy on April 29, 2015 at 06:04 PM

    Hi,

    Ive pinpointed the issue to be with the check-box group width css class, you will need to reduce the max-width down to 245 i.e max-width: 245px !important; 

    [data-type="control_radio"] .form-input,
    [data-type="control_checkbox"] .form-input,
    [data-type="control_radio"] .form-input-wide,
    [data-type="control_checkbox"] .form-input-wide {
        width: 100%;
        max-width: 255px; 
    }

    Kindly try this and confirm if it resolves your issue.

  • Profile Image

    Answered by wsfarm on April 29, 2015 at 07:06 PM

    Thank you Sammy, that has solved the problem. I went back into Designer and adjusted the Input Width and all is now good.

    I do appreciate your excellent service.

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 29, 2015 at 08:45 PM

    @wsfarm

    Cool. Glad its sorted now.

    Feel free to open a new thread whenever you have questions.

    Cheers!