Questions tagged [drop-down-list]
a list that appears under an item when a user hover or clicks on it.
187
questions
1
vote
2
answers
96
views
Drop down list chosen text duplication
In country drop down list example, do I have to repeat the chosen country in a a new title (indicated with a red arrow) or this will be considered as a duplication? what is the best practice in this ...
9
votes
4
answers
7k
views
Adding items to dropdown list on-the-fly?
In certain locations in our application, users encounter dropdowns with a number of items, from which they can:
Select a suitable value
Add a value to the dropdown list if they don't find a suitable ...
1
vote
4
answers
135
views
Bad practice for dropdowns to cover buttons?
I have a text field that shows matches in a dropdown when the user starts typing. Below the field are buttons. When the dropdown is activated it covers the buttons. However the dropdown will go away ...
0
votes
2
answers
50
views
How to present six or more options in a card / modal on mobile screen (to abort an order)
I am working on an app which is used by workers to complete an order within a fixed/ closed process. Since the process is closed until the order is finished, workers need the option to abort in case ...
0
votes
1
answer
60
views
Best Practice for Product Filtering Menus
I have implemented a horizontal Filtering bar based on articles posted by Baymard. Link Here
I revised my original concept to be a more standard dropdown however the Client has come back and requested ...
0
votes
4
answers
133
views
Use a drop down list for activating a service
Currently I'm designing the behaviour of a service into a SaaS; this service force the upgrade of the apps built with the SaaS platform
I have a drop-down list with existing versions (1.0 - 1.1 - 1.2) ...
2
votes
2
answers
2k
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-...
2
votes
1
answer
108
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 ...
2
votes
1
answer
89
views
How to handle DropDown list where selected values could become invalid over time?
I use DropDowns linked to database columns where values might become outdated, such as people who are no longer Employees, or Printers that no longer exist. For situations like an issue tracking ...
0
votes
1
answer
271
views
Dropdown menu width best practice
Issue:
When creating a dropdown menu for options, I came across a question from the developers about how it should respond. Should it have a fixed width, or expand with the content?
We will have data ...
2
votes
1
answer
112
views
Hide already selected options in the dropdown
In the case of a multi-select field, I would like to know the best practice:
Hide the choices that have already been selected (the list gets smaller as you go along)
Leave the choices already ...
42
votes
4
answers
146k
views
Is there a design pattern for dropdown lists in iOS?
I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
0
votes
1
answer
147
views
Direction of dropdown arrows when the relative position of the UI component and content is reversed
There has been previous discussions and debates relating to the way or the direction that the arrow should be displayed on a dropdown UI component for the hidden and shown states.
This question ...
2
votes
0
answers
84
views
Language selector and default language on filter bar [closed]
A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
1
vote
1
answer
91
views
Multiple drop-down lists based on conditions
I am currently designing an email configuration tool which has a set of drop downs. They're all based on conditions, so every drop-down list triggers the next one and so on.
Below is a rough wireframe ...
0
votes
1
answer
149
views
Correct breadcrumbs structure for the dropdown navigation
Situation - navigation menu that contains both single links and dropdown.
I used colors as an example (in the real product these are not colors).
I'm designing breadcrumbs, and the tricky part is, ...
1
vote
0
answers
43
views
Combining single- and multi- select drop-down in one form. How to dismiss the drop-down?
How to dismiss the drop-down in single-select and multi-select cases?
For single-select, the obvious option is to dismiss the drop-down on selection.
For multi-select, drop-down should stay open on ...
15
votes
3
answers
4k
views
Is it okay to use a dropdown chevron in a checkbox?
We have a feature where the user can select some checkboxes. They are all selected by default.
We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...
3
votes
1
answer
95
views
Is there any scientific results on the difficulty of picking elements from a list?
I am looking for a reasonably formal study of the impact of the number of elements in a list (e.g. a dropdown menu) on the time, effort, and loss of comfort for the user whose task it is to pick one ...
0
votes
2
answers
100
views
When should a search box be added to dropdown lists?
At what point does it make sense to add a search box to a dropdown list, and does the styling of the list affect that decision?
For example: Is 15 elements is a good number when each element has a ...
1
vote
1
answer
101
views
Alternative to checkbox for status changes in a list
In this project, invitations are sent to users in different ways to invite them to vote. They can accept to come or not. And give a mandate to someone else to vote in their name.
This list should give ...
2
votes
2
answers
152
views
Breadcrumbs to show non-functional web pages?
Side Nav Bar
Child 1 Page
Item 1 Page
I'm always faced with the same issue when trying to design breadcrumbs.
I would like to know what is the most accurate breadcrumbs for Item 1 Page, or should I ...
1
vote
1
answer
54
views
Should underlying content be disabled when dropdown menu or custom select control is opened?
As the title of the question, when implementing the drop-down menu or custom select control, should the underlying content rendered on page be disabled or made inaccessible as long as drop-down is ...
0
votes
0
answers
100
views
Read-Only state for Select Component
I faced a problem that concerns the reading mode for the select components.
Imagine a situation where you set up a filter and choose some options in the dropdown. Then you run a search for suitable ...
1
vote
0
answers
21
views
Improvement of current & active suborg information dropdown
currently, I'm redesigning a component where big organizations that consist of smaller sub-organizations are able to switch between the organizations (by choosing organization as a current) to preview ...
1
vote
1
answer
169
views
Are there some modern UI equivalents that can be used instead of a ComboBox?
ComboBoxes do a good job when on (e.g.) web forms.
However, they just look dated in a modern UI with a touch screen. Is there a more modern alternative to them? Or is it just a case of stripping away ...
3
votes
2
answers
291
views
Automatically opening the dropdown for guiding users
We have a page that lets our users analyze their data. In order to analyze the data, they need to select the data-set via a dropdown first and without selecting the data-set, the page is almost ...
4
votes
1
answer
3k
views
Dropdown with stacked up- and down-arrows vs one down-arrow. What drives the choice?
Our team implemented non-native dropdown controls that use an up-triangle on top of a down-triangle (similar to the MacOS example).
The native controls (as far as I can tell) for MacOS (10.10) and ...
0
votes
1
answer
253
views
Resetting an autocomplete dropdown?
In one of our filters panels, we have a dropdown that is optional and acts as an autocomplete dropdown. Essentially the values appear when a user clicks/searches the field. We need to allow the user ...
3
votes
6
answers
2k
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?
1
vote
3
answers
237
views
Best way to interact with a drop down, that has multiple selections
I have created a drop down, and on the drop down you are able to make more than one selection (similar to checkboxes).
However, it does look like an ordinary drop down. I was wondering what the best ...
4
votes
2
answers
3k
views
How should I sort items in a drop down list?
I have a simple drop down list containing about 12 choices. The choices are not countries, states, or any other common set of items that users would be used to scanning alphabetically or by name. What'...
7
votes
3
answers
1k
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
1
answer
115
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 ...
6
votes
4
answers
12k
views
What is the best way to allow users select items from a very long list in a responsive web app?
Scenario
I'm designing a web app where the user adds predefined items from List A to a custom List B.
List A is over 100 items sorted alphabetically.
List B can be customized according to user needs.
...
2
votes
3
answers
730
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
2
answers
95
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 ...
8
votes
5
answers
3k
views
Alternatives to dropdown list when possible results are not known
For quite some time I've been looking around the web for alternatives to a dropdown list in assignment of data (i.e., during data capture that will be saved, NOT when searching for some data).
One ...
0
votes
1
answer
161
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 ...
3
votes
1
answer
555
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 ...
0
votes
2
answers
367
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 ...
0
votes
1
answer
64
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
1
answer
376
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 ...
2
votes
2
answers
450
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 ...
4
votes
3
answers
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 ...
12
votes
3
answers
22k
views
Patterns for keyboard accessible drop down lists
Are there any standard keyboard shortcuts for making drop down lists appear? (in any kind of software, not just web based.)
I'm going to write some JavaScript to make the drop down lists (select and ...
62
votes
8
answers
24k
views
When should I use a select box instead of radio buttons?
I know that a select box takes up less space and is good for lots of options. But should there be any deeper influences to my choice than space? Are there any studies that show users preferring one or ...
0
votes
2
answers
406
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
3
answers
10k
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
1
answer
237
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?