Drop down fields not accessible due to height

  • Profile Image
    defcon6
    Asked on September 13, 2016 at 06:33 AM

    Several of my clients are having problems registering. If they choose a different browser it seems to work.

     

    Can this be fixed

  • Profile Image
    liyam
    Answered on September 13, 2016 at 10:12 AM

    Hello,

    Can you share with us specifically what problems your clients have experienced with registering? I tried loading your form but I did not find any problems with it.

    Also it would be great if you can share with us the browser which they had trouble filling up with and the browser that they used which went successfully.

    Will be looking forward to your response.

    Thanks.

     

  • Profile Image
    defcon6
    Answered on September 13, 2016 at 01:45 PM
    When they try to enter credit card information they can’t any information in the credit card number field
    I had similar problems in Safari so I switched to Chrome. I told that to clients but don’t understand why the browser does that.
    r
    ...
  • Profile Image
    david
    Answered on September 13, 2016 at 02:14 PM

    It seems as though the theme applied to your form is setting the height of the drop down field to be quite short.  Adding this code to your form will allow for them to be visible once again:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-dropdown {
        height : 22px;
    }

    Here is how the form would look with the code added:

    https://www.jotformpro.com/form/62565304139960

  • Profile Image
    defcon6
    Answered on September 13, 2016 at 04:46 PM
    Do I need to add this code or did you add this code
    Thank you
    r
    ...
  • Profile Image
    david
    Answered on September 13, 2016 at 06:10 PM

    You would add this code to your copy of the form.  Here is our guide on how to do so:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    defcon6
    Answered on September 14, 2016 at 01:46 PM
    I put in that code and I still can’t enter credit cards in safari
    r
    ...
  • Profile Image
    david
    Answered on September 14, 2016 at 02:12 PM

    The same thing occurred with the text boxes in your form.  Add this code in addition to the previous code and the form should function correctly:

    .form-textbox {
        padding : 0px 10px;
        height : 30px;
    }

  • Profile Image
    defcon6
    Answered on September 14, 2016 at 02:46 PM
    It is quite big now. Hopefully people won’t have problems
    r
    ...
  • Profile Image
    david
    Answered on September 14, 2016 at 03:57 PM

    You can adjust the height by changing the value next to height:

    .form-textbox {
        padding : 0px 10px;
        height : 30px;
    }

    Decreasing that value will make the field shorter.