How to increase the width of Text Area?

  • accessopportunity
    Asked on August 18, 2020 at 7:41 PM

    I am working on a large application form. For questions with longer answers (essay questions), I prefer to have the question top aligned. However, when I do so, the width of the text box does not adjust accordinly. 

    How can I adjust the width of top-aligned text area boxes to align with right-aligned text boxes? Here is a visual of what I am hoping to do:

    1597794075Screen Shot 2020 08 18 at 5 Screenshot 10

  • Jed_C
    Replied on August 18, 2020 at 11:10 PM

    Kindly try adding the CSS code below and that should increase the width to 100%.

    [data-type="control_textarea"] .form-input-wide, textarea {

    max-width: 100% !important;

    }

    Let us know if you have any questions or if you need further assistance. 

  • accessopportunity
    Replied on August 19, 2020 at 12:50 PM

    That worked well, thank you!

    I've also noticed that when you add a sublabel to a text box, the width will condense itself. For example:

    1597855793Screen Shot 2020 08 19 at 10 Screenshot 10

    IIs there a way to fix this?

  • Jimmy_D
    Replied on August 19, 2020 at 7:48 PM

    Hi!

    Kindly add the following CSS code to your form to prevent the input from shrinking when a sub-label is added to a field. 

    span.form-sub-label-container {

        min-width: 100%!important;

    }

    Let us know should you need more help.