Questions tagged [drop-down-list]
a list that appears under an item when a user hover or clicks on it.
162
questions
5
votes
3answers
510 views
When to start opening the select list? On mousedown? Or on click? And Why?
Component: select aka. dropdown
Platform/system: web, non-touch device (laptop with trackpad or desktop with a mouse)
Is there a guideline, convention, or some studies done which can help developers/...
0
votes
1answer
40 views
Dropdown with two columns
I currently have a dropdown with two categories that I currently show like this:
My issue is that I have quite a lot of Cars and Motorcycle and I`m thinking that using the version below would ...
1
vote
3answers
126 views
multi selection dropdown - with or without checkbox
I am working on a the design system of a large system for users that use it on a daily basis, and I want to define the multi select dropdown.
on one hand you can know in advance that you have multi ...
0
votes
2answers
69 views
Dropdown of dates, is it acceptable to display in non-chronological order?
We have a time-series graph. The user can use a drop-down to select their years and these years are displayed on the chart. Currently, the dropdown is just a list of years for the past 30 years.
My ...
0
votes
1answer
80 views
Multiselect dropdown where selected values cannot be deselected on edit?
I'm trying to find examples of a multi-select dropdown where once the form is saved/submitted, the selected values cannot be removed but, new values can be added.
Currently, I've designed it to work ...
0
votes
2answers
104 views
How to add an empty option to a list?
I have a form with some fields with optional data that comes from a list of options.
I've build a modal with a list of options the user needs to choose that is opened once the user clicks on the ...
1
vote
0answers
31 views
How to implement list filter functionality for mobile use case
I have a list of vehicles in a mobile application. The user needs to be able to filter the list of vehicles with a few rules/requirements:
User must be able to filter the list of vehicles i.e search ...
0
votes
1answer
49 views
Best way to allow user to request dropdown in an autotext template request?
I work at a hospital, where we are trying to standardize user requests for autotext content. The autotext can support inline dropdowns with "alternate" text choices.
Simple example: User wants the ...
3
votes
1answer
158 views
How do I show the selected items in an easier manner in this dropdown
I have a dropdown with checkboxes as items. HERE is the working example
I let people select multiple options from this after they search for it
One problem I notice is that it is not immediately ...
4
votes
3answers
2k views
Amazon's Website Search Bar
Before
After
Did you notice the change in the results being shown in the drop-down?
In the first image, only last words are highlighted in bold but in case of the second image the moment user keys ...
0
votes
2answers
138 views
How to deal with a surplus of space in a filter dropdown?
I'm redesigning a filter feature for my company, and I'm running into a problem where I have a surplus of space relative to the small amount of UI elements (see image).
I initially thought about just ...
3
votes
3answers
5k views
What should be default value of select (drop down list)? [duplicate]
I'm wondering what is the best practice of designing select / drop down lists. In some projects I've worked in the select on a form was filled with first value from the list. In other project we had ...
0
votes
1answer
203 views
Why do dropdown menus have a space between the highlighted item and the border of the menu?
Why do dropdown menus have a space between the highlighted item and the border of the menu?
Why do dropdown menus have a space between the highlighted item and the border of the menu?
3
votes
1answer
329 views
Item modal selection options - multiple selection + quantity
As you can see above I have the situation of an item modal where there are different variations, from which I can select different quantities or none.
Currently there is a checkbox selection, and a ...
2
votes
1answer
225 views
Switching selection in a multiselect dropdown from all to the one user is hovering on
I am designing a dropdown menu in a report generation UI where the user has the option to select the seller he want's to see the report for. The control defaults to all sellers selected for the report....
1
vote
1answer
255 views
Dynamically changing drop down options
Is it a common design approach to have the options of a drop down menu change depending on another input column.
For example say on one card I have a list of names and I can add/delete/edit the list ...
2
votes
2answers
719 views
View/Edit mode used in data tables
I am working on data table for HR managers that implements in-line editing as well as drop-down menu with detailed options. In-line edit is a must as it will be re-used in dashboard for different pop-...
0
votes
2answers
147 views
Can a drop-down have radio button?
Can a drop-down have multiple options like selecting between views, Freezing the 1st column & customizing the columns? I'm kind of confused whether the drop-down can have this feature. If yes, ...
3
votes
2answers
183 views
Search multiple dropdown lists
I'm looking for examples of searching multiple dropdowns at the same time. For example, say you didn't know if Texas was a state or country and you started searching in the Country dropdown for Texas. ...
2
votes
4answers
339 views
Should drop down menu items repeat currency symbol?
for example, in a drop down menu, I need to show current price option on top, with a drop-down menu shows below when clicked. Currency symbols may vary, eg: $ 100 or £100, but the symbol is not ...
2
votes
2answers
52 views
What is the best way to assign values to an parent item
I have list of customers on database which have collection of items(storage accounts).
When I select a customer , I can see all the items that are relevant to that customer as ticked.
Also , I have ...
2
votes
2answers
428 views
Would you look for a clear all filters button on each individual filter?
On this said page there are 4 filters, here is the current design of the drop-down filter.
However if you were to select say 20 of the 40 would you be looking for a "Clear Filter" button?
The cancel ...
1
vote
3answers
284 views
Icon for a button to move a list item. Not scroll [closed]
In our software we have a dropdown menu. The dropdown menu has listitems which represent columns for a table. Via two buttons in the list (on the left side), the position of the listitems can be ...
2
votes
3answers
153 views
Bad practice to use subtitles or dividers inside dropdowns?
So, in my case, I have a list of boroughs and connected cities. The way it works here in Montreal is we have boroughs and connected cities(like Westmount; geographically-speaking, it's still on the ...
3
votes
1answer
303 views
Drop down behavior
I see 3 types of behavior on the web for drop downs and I wanted to collect some insight.
When a user opens a drop down, I observe:
the user can scroll and the drop down stays open (bootstrap)
the ...
2
votes
2answers
341 views
What component to use when selecting from 9 consecutive numbers?
I'm creating a mobile application, sticking to Material Design guidelines and components for the most part.
In that application I want the user to select a group and then get some detailed info on ...
1
vote
0answers
385 views
Editable Dropdown UX approach for iOS
We have an input in an iOS app that needs to allow for any value but we would also like to suggest some options.
The number of options will be small, from 2 - 6 with 90% of the possible option lists ...
2
votes
2answers
84 views
Is there a character limit to items listed in a drop-down menu?
I am not asking about max or min. number of items listed but rather how long each item should or can be?
My client is using a drop down menu to provide answers to a question. The options (answers) ...
1
vote
1answer
466 views
Using a dropdown list or radio buttons to give meaningful rules on a webform
I have a situation where user based on user dropdown value selection , below control either show radio button choice or multiple select option. How to handle this kind of scenario for better user ...
1
vote
1answer
78 views
How should “Refresh Data in Dropdownlist” look and behave (not for mobile)?
I have a dropdown list with data in it, and I want to give to the user the option to refresh the data in the dropdown list after he adds or deletes data from the database.
How should "Refresh data in ...
1
vote
1answer
605 views
Dropdown within a modal window on mobile
I'm currently working on a solution for adapting a modal window form on desktop to mobile. Problem is, the form within the modal window contains a dropdown. The solution I currently have is as such:
...
0
votes
2answers
638 views
Do users prefer many dropdowns or advanced filter for filtering tables
I am working with a team and we are working on a table filtering project and we have some ideas about page designs in terms of UX. Please excuse the drawings...
One design has a search field on top ...
1
vote
1answer
228 views
Initial visible option in a drop down list used for filtering?
I have a few dropdown lists used for filtering data in a grid. Initially the grid will show all the data and the user can select options from the dropdowns to filter by those selections.
Two ...
1
vote
1answer
102 views
Thoughts on having different behaviours for the same component
We have a dropdown with 2000+ items (should it even be a dropdown?) with the ability to search. And it's a tree select dropdown.
The problem arises when one wants to edit i.e. a value was already ...
81
votes
13answers
18k views
Should a dropdown list be closed when mouse leaves?
Should a dropdown list be automatically closed when you leave current object and navigate to another, or should it remain opened until you open next dropdown list?
Dropdown closed when mouse leaves
...
4
votes
1answer
241 views
Drop down filter - show options which reduce the number of search results to 0?
I have various list pages where I want to provide a drop down filter.
Is there a general rule for whether the drop down filter should contain all values or only the values that will actually return a ...
1
vote
1answer
154 views
Best name for the option of adding item to multiple lists or a newly created list
I have a book that can be added to multiple reading lists or to a newly created one. The name of the option that does it is “Add to Reading List”. What would be the best name for such an option so it ...
3
votes
1answer
1k views
What is the recommended height of a dropdown menu that has an internal scrollbar on desktop?
What is the recommended height of a dropdown menu that has an internal scrollbar on desktop?
I have a dropdown menu that when opened could contain 30 - 50 items to choose from. It's for desktop. I ...
0
votes
1answer
99 views
add list of options in 3 buttons
We have mobile game which includes 3 levels (training, public, expert). Each level has specific list of options
Public and Expert have same 4 options, but Training has extra 5 options, can you help ...
2
votes
2answers
200 views
Why the magic number 5 in dropdown list?
According to this article, it states
Placing options in a selector drop-down requires two clicks, and hides
the options. Use an input selector if there are over 5 options.
Why the magic number 5?...
-1
votes
2answers
1k views
Dropdown with capital or small first letter? [closed]
I just wonder, is there any statement what should (is more right) to use? Should dropdowns have capital first letter or small? Any article for use casesor some source or it doesn´t matter?
1
vote
2answers
1k views
How to design nested selectlists with multi-item select
I'm designing a selectlist that allows you to select multiple levels simultaneously. It works fine for up to 3 levels:
This is just an example, in some instances this model would accommodate product ...
2
votes
1answer
6k views
Material design pattern for search in drop-down list?
I'm looking for a material design pattern to achieve live search in a drop-down list using bootstrap-select.
Also, I played with chips, but I don't like them and want to use something different.
2
votes
2answers
245 views
Consistency vs Better Ux? Redesign Actions in a datatable
I am redesign a business oriented site with many data tables. In the first column of each data-table, I have the Actions. However as you can see in the image, where I have 3 different data-tables (the ...
4
votes
2answers
3k views
Long multiple-selection drop-down menus with search for visually impaired
How could we support visually impaired people to select multiple values from a long list of options (a few hundreds options)?
I have tested some multiple-select search drop-down with screen reader (...
1
vote
2answers
142 views
Lot of forms in a single app view, how to handle?
I need to put about 20 <input type="text"> in a single form in my ionic app and i can't use tabs view.
I also need to ask user to select some data in a dropdown list that load data from the ...
3
votes
5answers
922 views
Dropdown/ Combo box Lengthy text management
I would like to know how to show lengthy text in dropdown list. Each list item are more of a 2-3 line lengthy. Any suggestions will be appreciated. On hover tool tip is right way for dropdown list?
3
votes
1answer
91 views
Consistency or best ui control?
I'm working on an app where there are multiple pages where there are a range 2-6 choices of a specific filter. Is it better to use the same control (dropdown) since for each page for consistency or ...
3
votes
1answer
811 views
Display year selection dropdown in a calendar
I have a calendar control which currently has "Previous Year" and "Next Year" button to switch years. I want to improve it, as most of the time a user has to go 3-4 years back.
Currently, I plan to ...
4
votes
1answer
207 views
What is the best way to categorize or represent a list of top-level domains (TLDs)?
Background
This is a problem I see routinely "solved" in different ways but have yet to see it solved well anywhere, so I'm appealing to the community for a best practice (or what others have found ...
