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 to adjust text area in check box function

    Asked by dallaschamber on July 17, 2014 at 11:15 AM

    Is it possible to change the size of the text area that is available with the check-box option?  I need to include a sentence and it will only fill in a few words before moving to the next line which looks terrible.  I have tried to not use this box and add a separate text field, but this is too far away and again looks unprofessional.  Is there any fix for this?

    check adjust text area text field size
  • Profile Image
    JotForm Support

    Answered by Welvin on July 17, 2014 at 01:15 PM

    Hi,

    You can adjust the width of the checkbox field using custom CSS codes that will be injected to the form, but you have to consider the overall form width. Because if the checkbox field is wider than your form width, there's a possibility the options will get cut off when you embed it to your website. 

    The custom CSS codes need to be specific so please let me know the form URL and what field from the form.

    Alternatively, you can also adjust the checkbox options to make a nice wrap. For example:

    The custom CSS codes for this nice wrap is:

    .form-checkbox-item label {

    display: block  !important;

    margin-left: 18px !important;

    margin-top: -16px !important;

    }

    You can inject this to your form by following this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks