Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
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 dropdowns with service areas within the parent menu item. The problem is we need the ...
0
votes
1answer
73 views

Correct Dropdown Interaction

When using one of the material design components (select box/dropdown), I got confused about which interaction is correct. The link below has 2 interactions filled and filled enhanced. If you click ...
0
votes
2answers
121 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 ...
4
votes
1answer
128 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 ...
32
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 ...
56
votes
7answers
65k views

What should be the default option of a required dropdown list?

Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice? <label for="animal">Animal (required):</...
0
votes
1answer
47 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
141 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
98 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
3answers
166 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 ...
0
votes
2answers
369 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 ...
0
votes
1answer
89 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
150 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
519 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&...
2
votes
1answer
250 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
278 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
37 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
46 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
40 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 ...
3
votes
1answer
115 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 ...
6
votes
2answers
7k 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.
1
vote
0answers
74 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
24k 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
123 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
205 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
87 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
122 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
195 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
160 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
63 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
226 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
3answers
219 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
224 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
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
776 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 ...
2
votes
1answer
502 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 ...
133
votes
16answers
159k 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
256 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
59 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
744 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
52 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
4k 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
333 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
137 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
4k 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) ...
39
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
206 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 ...
22
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
389 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 ...