Responsive answer doesn't work proprely

  • lerhyc
    Asked on November 13, 2014 at 10:54 PM

    Please see attached file.

    Could you help me for that too?

    Responsive answer doesnt work proprely Image 1 Screenshot 20

     

  • jonathan
    Replied on November 14, 2014 at 9:38 AM

    Hi,

    Can you please tell us the URL of this form? I could not seem to find it under your account/username lerhyc

    We will check once we know the form involve.

    Thanks.

     

  • lerhyc
    Replied on November 14, 2014 at 10:39 AM

    http://www.jotform.ca/form/43168097313254

  • Ben
    Replied on November 14, 2014 at 12:26 PM

    Hi,

    There is not much that can be done in regards to this since this is made by browser itself in order to show all values as they are.

    I would suggest either shortening the values or replacing the dropdown with the radio buttons if you want it to not get bigger than the layout.

    The only solution with CSS would be to hide the text that would widen the dropdown list

    You can see this CSS in effect here:

    http://form.jotformpro.com/form/43174827821963

    This is the CSS:

    select#input_97, select#input_97 > option {
       text-overflow: ellipsis;
       max-width: 722px;
       overflow: hidden;
    }

    You can inject the CSS following instructions in this guide: Inject Custom CSS Codes or you can clone the jotform above following this guide instead: How to Clone an Existing Form from a URL

    Best Regards,
    Ben