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

    How can I increase the width of my checkboxes?

    Asked by eugenius on June 20, 2015 at 09:17 PM

    How can I fix my check boxes, so the line doesn't break. If you look at screenshot the longer lines break. How can I increase the width for those check lines?

     

    Thank you.

    how increase width checkboxes
  • Profile Image

    Answered by eugenius on June 20, 2015 at 09:20 PM

    Great. Thank you! 

  • Profile Image

    Answered by Syed on June 20, 2015 at 09:41 PM

    Hi there;

             Sorry for the delay. Please try to inject the following CSS Code Block to increase the width of Checkboxes. Read this guide on How you can Inject Custom CSS Codes. Review the following screenshot for confirmation.

    [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: 620px;}

    .form-multiple-column, .form-single-column {display: inline-block;width: 100%;}

    .form-single-column .form-checkbox-item, .form-single-column .form-radio-item {width: 100%;max-width: 100%;}

    Hope this helps. Please let us know, if you have further queries, we would be happy to assist you.

     

    Thankyou,

  • Profile Image

    Answered by eugenius on June 20, 2015 at 09:52 PM

    Thank you Syed. 

     

    First it didn't work, then I deleted the whole CSS code that was there before, and then I paste the one you sent me and now it's good. What was the CSS Code that I deleted, it was a very long code? Does JotForm has a very long CSS code by default? Should I be concern that I deleted it? It looks good on my website now, but I am still wondering what those 1500 words code could mean :))

  • Profile Image

    Answered by Syed on June 20, 2015 at 10:06 PM

    Hi there;

              Glad to hear that your form is up & running on your website. JotForm use some default CSS to style form fields based on predefined themes (review the screenshot), and CSS files as well. Its OK, that you removed CSS Code, as your form is working properly.

    Do let us know if you have further queries, we would be more than happier to help you further.

     

    Have a nice weekend :)

  • Profile Image

    Answered by eugenius on June 20, 2015 at 10:29 PM

    Thank you so much Syed!!! You were the great Help for me today!!!

     

    I appreciate your help!!!

     

    Have a great weekend!