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

  • Profile Image
    stageit
    Asked on January 04, 2016 at 09:21 AM

    Does anybody know how to fix this problem?

     

    Thanks in advance,

     

    -Owen

  • Profile Image
    mert
    Answered on January 04, 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:

     

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

     

    Thanks.

  • Profile Image
    stageit
    Answered on January 05, 2016 at 02: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

     

  • Profile Image
    mert
    Answered on January 05, 2016 at 04: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:

     

    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.

  • Profile Image
    stageit
    Answered on January 05, 2016 at 04: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

  • Profile Image
    mert
    Answered on January 05, 2016 at 07: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:

     

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

    Thanks.

  • Profile Image
    stageit
    Answered on January 05, 2016 at 07: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

  • Profile Image
    mert
    Answered on January 05, 2016 at 09: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.