Questions tagged [drop-down-list]

a list that appears under an item when a user hover or clicks on it.

Filter by
Sorted by
Tagged with
2
votes
1answer
51 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 ...
0
votes
1answer
58 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 ...
0
votes
1answer
82 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 ...
0
votes
3answers
116 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) ...
1
vote
2answers
70 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 ...
1
vote
0answers
51 views

Language selector and default language on filter bar

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
1answer
84 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 ...
1
vote
0answers
53 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
1answer
107 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
0answers
25 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
3answers
3k 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 ...
1
vote
1answer
92 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 ...
0
votes
2answers
86 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
1answer
39 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
0answers
53 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 ...
3
votes
1answer
94 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 ...
1
vote
0answers
20 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 ...
2
votes
2answers
115 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
1answer
145 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
2answers
231 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 ...
0
votes
1answer
186 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
192 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 ...
7
votes
3answers
944 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
1answer
86 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 ...
2
votes
3answers
376 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
87 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 ...
0
votes
1answer
137 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 ...
0
votes
2answers
296 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 ...
2
votes
1answer
82 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 ...
0
votes
1answer
62 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
341 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 ...
4
votes
3answers
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 ...
0
votes
2answers
352 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
3answers
9k 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
1answer
228 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?
3
votes
1answer
521 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 ...
3
votes
1answer
479 views

Switching selection in a multiselect dropdown from all to the one user is hovering on

I am designing a dropdown menu in a report generation UI where the user has the option to select the seller he want's to see the report for. The control defaults to all sellers selected for the report....
1
vote
1answer
409 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 ...
2
votes
2answers
1k 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-...
0
votes
2answers
167 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, ...
3
votes
2answers
220 views

Search multiple dropdown lists

I'm looking for examples of searching multiple dropdowns at the same time. For example, say you didn't know if Texas was a state or country and you started searching in the Country dropdown for Texas. ...
2
votes
4answers
387 views

Should drop down menu items repeat currency symbol?

for example, in a drop down menu, I need to show current price option on top, with a drop-down menu shows below when clicked. Currency symbols may vary, eg: $ 100 or £100, but the symbol is not ...
2
votes
2answers
71 views

What is the best way to assign values to an parent item

I have list of customers on database which have collection of items(storage accounts). When I select a customer , I can see all the items that are relevant to that customer as ticked. Also , I have ...
2
votes
2answers
663 views

Would you look for a clear all filters button on each individual filter?

On this said page there are 4 filters, here is the current design of the drop-down filter. However if you were to select say 20 of the 40 would you be looking for a "Clear Filter" button? The cancel ...
1
vote
3answers
401 views

Icon for a button to move a list item. Not scroll [closed]

In our software we have a dropdown menu. The dropdown menu has listitems which represent columns for a table. Via two buttons in the list (on the left side), the position of the listitems can be ...
2
votes
3answers
236 views

Bad practice to use subtitles or dividers inside dropdowns?

So, in my case, I have a list of boroughs and connected cities. The way it works here in Montreal is we have boroughs and connected cities(like Westmount; geographically-speaking, it's still on the ...
4
votes
1answer
374 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 ...
2
votes
2answers
443 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 ...
1
vote
0answers
419 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 ...
2
votes
2answers
663 views

Is there a character limit to items listed in a drop-down menu?

I am not asking about max or min. number of items listed but rather how long each item should or can be? My client is using a drop down menu to provide answers to a question. The options (answers) ...