How to adjust text area in check box function

  • dallaschamber
    Asked 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?

  • Welvin Support Team Lead
    Replied on July 17, 2014 at 1: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:

    How to adjust text area in check box function Image 1 Screenshot 20

    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