Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
155 views
+50

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
44 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 ...
3
votes
1answer
92 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 ...
0
votes
2answers
132 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
44 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 ...
1
vote
3answers
113 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
31 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
47 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
188 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
161 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
71 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
142 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
73 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
181 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
134 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
106 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
190 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
350 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
449 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
46 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 ...
3
votes
1answer
148 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
41 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
98 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 ...
0
votes
4answers
249 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
88 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
128 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
202 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
169 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
284 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
252 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
918 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
298 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
54 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 ...
2
votes
2answers
377 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 ...
6
votes
4answers
5k 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 ...
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, ...
2
votes
1answer
590 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 ...
2
votes
1answer
129 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 ...
1
vote
1answer
62 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 ...
0
votes
1answer
223 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 ...
1
vote
3answers
230 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 ...
7
votes
5answers
5k 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) ...
3
votes
1answer
296 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 ...
1
vote
1answer
93 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 ...
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 ...
7
votes
3answers
2k views

Not available options: Disabled or hidden?

I have a form with these elements: A checkbox A dropdown with a list of options It is an eCommerce site which uses points as currency. During checkout user has the following options: The checkbox ...
1
vote
0answers
383 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 ...