Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [dropdown]

widget and menu behavior where hover or click shows contents immediately below.

0
votes
2answers
365 views

Primary Navigation with Hover Dropdown clickable or not

We've got a design with a primary navigation menu that uses dropdowns when hovering over the links. We have two options: Disable the primary links and mirror them in the dropdown so the user doesn't ...
2
votes
1answer
98 views

Should the mouse action which closes a dropdown menu trigger the actions under itself?

Assuming we have a dropdown menu which closes on a mouse click (instead of automatically when the mouse leaves the area). Should this mouse click perform its standard actions, if the mouse happens to ...
0
votes
1answer
48 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
56 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
120 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
4answers
480 views

Web UI to either select option or enter value

Surprisingly I couldn't find something matching this. I need a UX that is NOT auto complete but allows to either choose an existing option or enter a value by typing it. It resembles <dataList&...
1
vote
1answer
87 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
2answers
85 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 ...
0
votes
1answer
33 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 ...
0
votes
0answers
43 views

What type of navigation to use for middle sized website?

I am redesigning a website for our association with around 40 pages, which may be divided into the 4 main categories, each containing the same number of links. On the old, outdated site, the links ...
0
votes
1answer
36 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 ...
0
votes
3answers
128 views

Handling Dropdown conditional Dropdowns

I'm working on a material design web-app designed for a mobile/touch environment. Naturally I'm very pushed for space and would like to know what the best-practice is for conditionally providing a ...
2
votes
1answer
88 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 ...
5
votes
2answers
6k views

Difference between caret and chevron

Is there any functional difference between a caret and a chevron? Our discussion is about what should we use for dropdowns and accordions and whether they should be different.
0
votes
0answers
48 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 ...
54
votes
6answers
23k views

Default gender, “Male” or “Female”

Should our default gender when selecting male/female on the dropdown list be based on the local sex ratio (if a country have more female than male then female is the default value)?
2
votes
1answer
115 views

Consecutive dropdown or Progress tracker?

Hi there StackExchange! I am working on designing an analytics portal for an online flyer company. We have multiple client companies, each client company has multiple flyer series, each series has ...
3
votes
3answers
203 views

Differentiating between mass & individual status updates (mobile app)?

We are doing an app on delivering parcels to different areas and the status would get updated as the parcels reach certain points. As per the image below, all items (6 lines) are in the same group. In ...
0
votes
1answer
83 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
118 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
186 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
154 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
62 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
189 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 ...
0
votes
3answers
206 views

Dashboard: how to navigate the sidebar through a lot of items

I'm working on an analytical dashboard to help an owner of a restaurant chain to analyse performances of his restaurants. Restaurants could be filtered in groups, depending on places (ie "Show me all ...
1
vote
1answer
195 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 ...
12
votes
5answers
8k views

Responsive Menu that has a LOT of menu items

We have a responsive menu that on mobile just shows the top level menu items (x8), but on desktop also shows hover drop drop downs with service areas within the parent menu item. The problem is we ...
12
votes
4answers
1k views

Use of Website Category Landing Pages

OK, here's the situation: A reasonably simple website with a primary navigation menu including drop-down list of sublevels on hover. Each navigation level may have 3 - 6 sublevels below it, none more ...
3
votes
3answers
602 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 ...
1
vote
1answer
404 views

Filtering results: Checkboxes vs dropdowns

I'm designing a filter for a website with a job search abroad. Filter has to refine vacancies displayed on the right side. I saw a lot of similar websites with job search use dropdown menus. But on my ...
131
votes
16answers
155k views

Why is it impossible to deselect HTML “radio” inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does not allow ...
0
votes
6answers
217 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
1answer
57 views

Dropdowns/Select with changing list of items

I have "dropdowns" and "select inputs" that are fed from a remote endpoint. The list of items coming from the endpoint changes over time, so it's possible that an option selected some time ago is no ...
1
vote
3answers
719 views

At what option count should I add a search filter to a drop down element?

I have a booking tool that offers a list of services to choose from. The option list is variable per client. Some clients offer one service, some have twenty or more. One client requested a search ...
1
vote
2answers
51 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 ...
6
votes
4answers
3k views

What is the difference between popover menu, drop-down menu & fly-out menu?

What is the difference between popover menu, drop-down menu & fly-out menu? Are they same in functionality or do they vary? If no, why so many variations? Popover menu drop-down menu Fly-out ...
2
votes
2answers
281 views

Looking to use a dropdown and checkbox in the same search field

I am attempting to create a search based off multiple categories. The user should be able to select all that apply. They do not need to select one from every category. One of the issues I am having ...
0
votes
2answers
130 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, ...
7
votes
5answers
3k views

Dropdown: placeholder vs. blank

Which is better for "non selected" state? A) Placeholder On usability tests, with this options people are omitting this field. They seem to think that it's not required or it's already chosen. B) ...
38
votes
18answers
2k views

All my users are from Afghanistan; or, how to get users to correctly fill out a form

I have a website with a form users fill out to create an account. Following advice from this forum and other places I am asking for only the minimum required information to create an account, i.e. ...
0
votes
1answer
168 views

What is an effective UI for adding people to joint bank accounts?

Problem I work for a bank. We're designing an online application system that allows you to open new bank accounts online and then add one joint account owner to each of your new accounts. The people ...
23
votes
5answers
4k views

5-6 choices: Radio button or drop down?

I'm redesigning a PMS (Property Management System) and this is a screen from the set up of a hotel. Now there are radio buttons in all of the categories/tabs. I know that there is a 'rule' that if the ...
0
votes
2answers
383 views

Multiple preferences 3 layers deep

I'm trying to come up with a solution for the problem that is the ability to select multiple preferences with upto 3 layers deep. The primary layer would affect the options shown for layer2, and ...
0
votes
3answers
1k views

How to handle a single option in a dropdown?

I have an android screen that displays one dropdown select 'spinner' like this (the 'THIS WEEK▼' item) The app has multiple games and each game has its own leaderboards. The designer says that if ...
3
votes
1answer
228 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 ...
27
votes
7answers
12k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
3
votes
7answers
7k views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
5
votes
6answers
2k views

Whats the difference between “dropdown/caret” icon and “unfold more” icon?

I usually see this on tables or forms where some are using dropdown and some are using "unfold more" icon. Is there any difference or each icon has its own meaning? OR Other Reference:
0
votes
2answers
252 views

Best practice for form fields with interdependent dropdown menus

I have a best practice question. I have a form field that has questions with drop downs. Some of the dropdowns answers would make fields appear or disappear. My question is, should all fields be ...
1
vote
1answer
87 views

Displaying additional information about elements in dropdown

I need to let users pick 1 or up to many identifiers for an authentication process in a config setup. Each has a name (cant be changed, picked from a dropdown for now as seen below) and a label that ...