Textarea variable for adjusting its width

  • Profile Image
    Fireconsultingltd
    Asked on February 21, 2017 at 08:26 AM

    Hello to you,
    Me again!
    I have a very long, detailed form (URL link attached).
    There are a great number of large text boxes in this form. I can widen all text areas in the Advanced Editing mode, however this applies it to all and makes the date and address fields, for example, way too wide and messy.
    I have looked up your FAQ and have a rough idea of how I might go about this, however just need some careful guidance with respect to time saving coding.
    Incidentally, where do I find the toolbar, referenced in one of your answers?
    Thank you in advance,
    Cerrie

  • Profile Image
    Welvin
    Answered on February 21, 2017 at 11:12 AM

    You have to target the class selector. In this case, you have to inject the following custom CSS codes:

    textarea, .form-textarea {

    width: 100% !important;

    max-width: 100% !important;

    }

    You can use a fix value for the width, like 650px. 

    You can inject the codes in the form by following our steps here: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    As for the toolbar, you mean the Preference tab on version 3? I cannot seem to find the thread about this question. 

  • Profile Image
    Fireconsultingltd
    Answered on February 21, 2017 at 12:41 PM

    I did it! Thank you very much.