Questions tagged [dropdown]
widget and menu behavior where hover or click shows contents immediately below.
333
questions
3
votes
2answers
81 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 ...
1
vote
1answer
38 views
Browse and select from a list at the same time
We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
3
votes
2answers
90 views
Tab selection vs Drop down selection
I'm trying to figure out what is the best UX that I could possibly implement for a mobile phone app. Either selecting of data via tab header or a dropdown.
Solution 1 - Tab Header
It is easy for ...
0
votes
1answer
45 views
What is the benefit of having country and state dropdown fields rather than using text inputs?
I am currently designing a form for my company to handle a payment intent for licensing the commercial use of our products. During my research on how we would present a proper and easy form to the ...
0
votes
3answers
71 views
Multi Select Drop down, overlay with CTA buttons
Have a multi-select dropdown - which on expand is overlaying the CTA buttons on the form. I have to click elsewhere for the dropdown to close, (since it a multi-select dropdown the general behavior of ...
1
vote
1answer
39 views
Dropdown menu that contains more than one topic [closed]
I'm trying to figure out what is the best solution for dropdown menus that contain more than one topic.
For instance, if I want to view and add at one field all the users and the groups created at the ...
1
vote
1answer
57 views
Best way to display frequency
Do you guys know any other way to represent a list of items that have their own frequency options (Weekly, Monthly, Daily) that you can choose from.
I was thinking maybe creating like a table and ...
0
votes
0answers
37 views
Lots of dropdowns
I'm working on a complicated interface where a user might have to make a selection from up to 65 categories. Not all users will need all 65, the number will greatly vary.
The current solution uses ...
3
votes
1answer
44 views
Dropdown that takes instant action on a web app - is this an accessibility or usability issue?
Dropdowns that take action on websites were frowned upon years ago in that users of screenreaders didn't necessarily want to activate an item in a dropdown as they navigated through the dropdown to ...
1
vote
1answer
54 views
How to display 'No option available' in dropdown menu because option is not yet registered?
Context:
A student registration form with 10 fields, where 4 is dropdown.
Dropdown option for example; university is empty unless you register the university first in the university registration ...
1
vote
2answers
60 views
Web UI for choosing variable or entering constant value
I'm working on a form where each field can be filled either with variable from list (that can be pretty large) or constant from user input.
For example, I received from backend list of variables: ...
2
votes
1answer
63 views
Is there a need to display arrows in the drop-down fields in the mobile application?
We build a simple mobile app form with 2 drop-down fields and one text input field for iOS and Android platform.
My question is should we definitely use a small arrow icon at the end of field that ...
0
votes
1answer
46 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 ...
1
vote
3answers
103 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 ...
2
votes
3answers
179 views
Alternatives to nested dropdowns?
When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this.
The problem
So currently the workflow ...
6
votes
3answers
550 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
3answers
68 views
Showing multi list and drop down hierachy on page
We are dealing with Roles and assigning users to the Roles. Some of Roles which are Admin are not dependant on Context ( Environment - Production, Demo, Developement ), and some ( portal roles) are ...
4
votes
1answer
124 views
Browsers ruin password UX with dropdown menus. How can I fix it?
FYI the image above was taken with autocomplete="new-password"
As you can see, the dropdown is covering the error message (which ends in "letters and numbers" (plus a few other error messages).
This ...
1
vote
2answers
138 views
Is opening a dropdown after clearing it a good practice?
Currently in our application we have a dropdown that opens again directly after getting cleared. I imagine this can be handy for some users, but annoying for others. Is this a good practice to follow?
...
1
vote
1answer
66 views
Plural or Singular + (s) in title name for dropdown fields
When designing dropdown fields for users that can hold 1 or more values, would you suggest to use the plural form of the title word, or the singular form followed by a (s).
Example 1: Teams
Example ...
2
votes
3answers
158 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
1answer
49 views
Best practice in Global Dropdown Placeholder
Is there any best practice being applied in a global dropdown placeholder,
let's say the label is:
"Select Fee Option"
I see common placeholders that says:
1. "Select..."
2. "Select any"
3. "--...
0
votes
1answer
58 views
Alternative way to represent to open or close a dropdown?
I'm doing some animation icons for a recent product and I'm playing with some alternative to the standard dropdown toggle. Typically, it's a arrow pointing either down or up...
Is there any reason ...
0
votes
2answers
206 views
Combobox with a lot of (thousands) of options
in my project there is a form. One of the field is problematic for me.
User should choose an option from a very long list (thousands of options).
I wanted to do it by combobox, but I don't know how ...
2
votes
3answers
276 views
Hover styling for non-clickable elements?
In our system, currently we have good styling and effects for buttons, for example submit button, cancel button etc.
Now we have a different element. Let's say it is a summary tag element. Which acts ...
0
votes
1answer
317 views
Select from a dropdown (or autocomplete) or add new item in same create / edit view
I've always run into this conundrum: How to give the user a long list of options and allowing them to populate their own if it doesn't exist.
I usually handle this interface by giving an autocomplete ...
0
votes
2answers
158 views
Is it a bad practice for a required switch to start without having any option checked?
I currently have several (required) components in a form, in which I must select only one option (of the 2 that exist). The previous designer used a switch, however the first time none of the 2 is ...
33
votes
2answers
1k views
Dropdowns & Chevrons for Right to Left languages
Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron ...
0
votes
1answer
104 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 ...
1
vote
1answer
305 views
Date dropdown vs calendar (users are employees)
I am developing a web application for a business that will be used by employees. Employees will input the effective date of a "policy". Effective date can only range from current day to 30 days from ...
0
votes
2answers
183 views
Dropdown variable picker with sibling and child elements
We are trying to make a dropdown variable picker experience more user-friendly. In the current state, here's how it works.
The user sees a Parent database entity that is populated based on a previous ...
0
votes
1answer
130 views
Best practices for showing selection states in dropdowns
I'm designing a CRM-style interface for medical assistants, and I'm wondering if putting a check next to the selected state in a dropdown is redundant if that state is already showing on main screen? (...
0
votes
2answers
225 views
Text input field with multiple options
I have a medical app showing 3 input fields for drug dosage calculation. The middle field has 2 options, either to input the number of drug's ampules (as shown in the image), or to input thenumber of ...
0
votes
2answers
486 views
multi select list menu with 'Other' option
Please help if you have come across something like this use case. Thanks in advance.
Is there an existing pattern where I have a multi select drop down, which also has an 'Other' option that ...
2
votes
1answer
651 views
Nested (hierarchical) list needs solution for multi-select functionality
Our app requires us to allow users to created their own hierarchical groups, then associate documents with those groups.
In my opinion the biggest usability concern is that users also need to be able ...
0
votes
1answer
55 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
222 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 ...
0
votes
1answer
44 views
How to show & change different states of a system for supply chain
Two ways I can think of in regards to supply chain is a drop down showing order status such as not started, processed shipped. Or a slider like mechanism showing progress towards the end similar to ...
1
vote
0answers
135 views
Dropdown vs Modal for table header filtering
I am trying to filter data in tables by converting each header into a split button. Left part of the button will sort the data on click while the right part opens a dropdown at the moment. It looks ...
2
votes
4answers
378 views
Handling Dropdown conditional Dropdowns
I'm working on a material design web-app designed for a mobile/touch environment.
Obviously I have tight space constrains and would like to know what is the best-practice for conditionally providing ...
0
votes
1answer
92 views
What is the name that describes all buttons, fields, dropdowns, etc.? [closed]
There must be a name that describes all the interactive UI components that register data in some manner but unfortunately I can't think of it!
Does anyone know the name that describes all buttons, ...
3
votes
4answers
245 views
Select every Nth element or N element input
There is list of things, for example books. User selects which books should be highlighted. We do not know how many books there are, so user uses index, for example:
The second book should be ...
0
votes
1answer
212 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?
0
votes
3answers
184 views
Retaining a value after hiding and un-hiding a field
We have a screen when we hide/disable a comment field based on a value in some dropdown. For some values of the dropdown the comment is shown, for other values it's hidden. For example, imagine a ...
0
votes
2answers
65 views
Need alternative to dropdown in each cell
In each cell I want to show a dropdown which contains values such as 1,2,3... up to 10. But as you can see, if I show a dropdown then the page will be full of dropdowns (As there are 288 cells) and I ...
2
votes
3answers
403 views
How can I replace 3 cascading dropdown menus?
I have a big form where the user must select a category and a location, each have 3 levels, user must select the first option that enables the 2nd and then the 3rd one. Each dropdown have at least 5 ...
1
vote
1answer
306 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 ...
3
votes
3answers
1k views
Dropdown with a create new button
I have a dropdown that looks like this:
as you can see, I have a button that allows to create a new project, clicking this button will open a pop up (where you can create project).
as soon as you are ...
0
votes
6answers
579 views
Actions inside a dropdown
We need to allow a user to select a project as primary and quick action, he should also be able to add a new project, edit and delete projects (as secondary actions) this is all done in the faceted ...
1
vote
2answers
59 views
Hide 'OFF' Button in Dropdown or make it a separate Button
Everything in one Dropdown or a separate binary-Button to activate Dropdown choice.
The latter one requires more clicks and mouse movement but somehow feels better to me. What do you think?
Sorry if ...
