Dropdown: Need text in dropdown to wrap to next line

  • Profile Image
    ethiele
    Asked on August 01, 2017 at 04:50 PM

    I have three columns in my widget. The third column is multiple choice - but I have to include detailed descriptions.

    When the form is completed online and submitted to our project managers, the PMs can only see A, B, C, D, etc. I put an expanded text box below the widget for reference for the submitter, but then the PM cannot see the choices on the email response. So I have to make my drop down A.Option blah blah blah, etc. But one option is really long and bumps the menu off the white space.

    How do I wrap text without making the new line a clickable option?

  • Profile Image
    Chriistian
    Answered on August 01, 2017 at 06:43 PM

    You might just want to decrease the width of your dropdown. If so, inject the following CSS to your form.

     

    #list .col4 select {

    width: 300px;

    }

     

    The result should be as follows.