What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Responsive answer doesn't work proprely

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

    Please see attached file.

    Could you help me for that too?

     

    doesn't work JotForm uploads png attached file responsive form
  • Profile Image
    JotForm Support

    Answered by jonathan 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

    Answered by lerhyc on November 14, 2014 at 10:39 AM

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

  • Profile Image

    Answered by Ben 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