Can I make the Textboxes multiline inside the Dynamic Textbox Widget?

  • Profile Image
    truesdalelake
    Asked on July 10, 2017 at 08:59 PM

    Right now the text just flows over the right edge of the text box. Is there any way to make it wrap (and expand the field)? 

  • Profile Image
    Jim_R
    Answered on July 10, 2017 at 11:31 PM

    I'm afraid this can't be done because the widget uses Textboxes. Multiline is something handled by a specific HTML element called a Textarea.

    The accepted answer on this Stackoverflow discussion would further explain why: https://stackoverflow.com/questions/35542278/make-input-element-type-text-handle-multiple-lines-of-text 

    What I would recommend is for you to adjust the width of the widget so users can fill out longer questions before it reaches the total width of the Textbox.

    To achieve that, inject the following CSS codes to the Form Builder:

    iframe {

      width: 100% !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes 

    Then change the CSS codes you injected on the Widget itself to:

    input[type="text"] {

        width: 98% !important;

        height: 20px !important;

    }

    #main p:nth-child(-n+1) .removeVar {

        display: none;

    }

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets 

  • Profile Image
    truesdalelake
    Answered on July 12, 2017 at 07:57 PM

    Jim - Thanks for your help. That definitely gives more breathing room for the questions. 

    Take care,

    Rob