Responsive answer doesn't work proprely

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

    Please see attached file.

    Could you help me for that too?

     

  • Profile Image
    jonathan
    Answered on November 14, 2014 at 09: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.

     

  • Profile Image
    lerhyc
    Answered on November 14, 2014 at 10:39 AM

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

  • Profile Image
    Ben
    Answered 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