Topic: Very long select or dropdown how to solve this

mikele.baldi pro asked 6 years ago

Hello, i have following problem in my project i will have a search form and the user will select from this search form CITIES. Because we have around 80 cities both solution of DROPDOWN and SELECT result to be very not nice from the aspect of design. They are so many values that this drop list looks very big and really not nice. What could i do in this specific case ? DO you have a COMPONENT that could help me to solve this ? Like A time picker, i mean user press the select field and open a pop up that will show the list on multiple columns, or better the user wil lstart to digit the name of the city and the system wil lsuggest him city name fro mthe lsit that start with the same typed characters. Every componet is really well styled but in a case like this i dont see a solution that wil llet me have nice diesgin and usable list of cities. Thanks

Marta Wierzbicka staff answered 6 years ago

Hello Mikele, when you take e.g. our material select and in CSS file paste this code:
.dropdown-content {
            max-height: 200px;
then you can control height of your cities list. In this moment we don't have this specific select you want but we're working on this and we will have this in next release of MDB and it will be soon. Best, Marta

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No