Dropdown Doesn't Show Some of its Options on Configurable List Widget?

  • stageit
    Asked on January 4, 2016 at 9:21 AM

    Does anybody know how to fix this problem?

     

    Thanks in advance,

     

    -Owen

    Jotform Thread 735370 Screenshot
  • mert JotForm UI Developer
    Replied on January 4, 2016 at 11:17 AM

    Hi Owen,

    I tested this issue almost all OS and browsers and couldn't replicate the same issue. Please, see the one of the example run from the below:

    Dropdown Doesnt Show Some of its Options on Configurable List Widget? Image 1 Screenshot 20

     

    Could you please share the operating system and the browser information with us? By doing this, we can help you better.

     

    Thanks.

  • stageit
    Replied on January 5, 2016 at 2:21 AM

    Hi Mert,

    I'm sorry, I should have added that this problem occurs on the samsung galaxy tab 3's chrome browser. 

     

    Thanks in advance,

     

    Owen

     

  • mert JotForm UI Developer
    Replied on January 5, 2016 at 4:54 AM

    Hi Owen,

    I tried to replicate the same issue with the specifications you gave; but I couldn't replicate the same result with you. If you hold and push the option bar of dropdown, you will see the scroll feature.

    Please, see it from the below:

    Dropdown Doesnt Show Some of its Options on Configurable List Widget? Image 1 Screenshot 20

     

    Unfortunately, we can't customize the dropdown styling with custom CSS codes, because this kind of features are ruled by the OS. Could you please check the scroll feature on your device? Then, please let us know about its final state.

     

    Thanks.

  • stageit
    Replied on January 5, 2016 at 4:58 AM

    The scroll feature works just fine, but the problem is the width. the width of the "Load" is too small for the numbers 100 and above to be shown.

     

    Thanks in advance,

     

    Owen

  • mert JotForm UI Developer
    Replied on January 5, 2016 at 7:27 AM

    Owen, with a little CSS customization, you can increase the font size of the dropdown's options. By doing this, its width will be increased. Please, copy and paste the following code to the "Custom CSS" tab of the widget:

     

    option{

    font-size:20px;

    }

     

    After applying this code, it will look like the following:

    Dropdown Doesnt Show Some of its Options on Configurable List Widget? Image 1 Screenshot 20

     

    Please, try this one and let us know the results.

    Thanks.

  • stageit
    Replied on January 5, 2016 at 7:47 AM

    Hi, i'm sorry but I think my form was delayed because the CSS code you sent me is working perfectly now!

     

    Thank you very much!

     

    Owen

  • mert JotForm UI Developer
    Replied on January 5, 2016 at 9:11 AM

    You are most welcome Owen. I'm glad to see that the problem is solved for you. For further assistance, please do let us know.

     

    Have a great day.