Increase size of form list dropdown



  • Ben

    Hey Hey! 

    So there are two ways to achieve this.

    .nesty-panel is the class that Zendesk adds for dropdowns such as this one, or any other dropdowns on your form. The simplest way to achieve this would be to increase the size for all dropdowns on your forms

    .nesty-panel {
        max-height: 200px;
    If you need to only target the Form dropdown then you could do this through Javascript by doing something like:
    $(document).ready(function() {
        document.getElementsByClassName('nesty-panel')[0].setAttribute('style', 'max-height:200px');
  • Doug Shaner

    That worked perfectly, thank you.  I had previously seen a comment about changing the max-height in the .nesty-panel object, but my style.css file did not include a .nesty-panel item, so I didn't think it would work.  Simply adding the object did the trick.

    Thank you Ben!


Please sign in to leave a comment.

Powered by Zendesk