PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Remove search bar from enhanced drop down box

  1. Hello,

    I saw this post (now closed) talking about removing the search bar from the drop down box when there are only a few options and it's not needed:

    http://www.gravityhelp.com/forums/topic/enhanced-user-interface-search-bar

    The solution was to use the following css to hide the search box:

    .chzn-search {
    display: none;
    }

    I tried this and it worked, but it removed the keyboard controls from the drop down box it was applied to. I have a couple of others on the same page and I can use the up/down arrows to scroll through options, but when I add the code to one of the boxes, the up/down arrow keyboard navigation is gone.

    I tried this and it works fine, but I wanted to see if you recommend a better solution, or if you can see any issues with it:

    .chzn-search {
    height: 0px;
    overflow: hidden;
    padding: 0px; !important
    }

    Thank you!

    Posted 11 years ago on Monday June 11, 2012 | Permalink
  2. Sounds good to me, especially if it works. Thanks for posting your solution.

    Posted 11 years ago on Tuesday June 12, 2012 | Permalink
  3. Thanks Rob!

    Posted 11 years ago on Tuesday June 19, 2012 | Permalink