2022 Developer Survey is open! Take survey.

Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
1 vote
1 answer
70 views

Should a dropdown be marked required in it has a default value?

I'm designing a form to create violations of employees from various departments. For quicker choosing the employee, I have a field for users to filter the department that the employee is from. Value ...
user avatar
1 vote
2 answers
52 views

Translating list with checkboxes, to a combo of dropdowns

I have this list with checkboxes: My Product Manager wants to consolidate the information, because: It's overwhelming. It takes up a lot of space, and we may not have all that space, where this ...
user avatar
  • 173
1 vote
3 answers
61 views

Multiple choice dropdown - when items are selected they are moved to the top of the dropdown

Does anyone know if moving selected choices to the top of the multiple-choice dropdown is a good design pattern? This would prevent users to scroll through a lot of content to preview active fields. ...
user avatar
0 votes
0 answers
36 views

Should dropdown caret icon change when open? [duplicate]

In a typical dropdown component that has a text label and a caret icon, should the caret change direction (or shape) when the user opens the dropdown menu?
user avatar
  • 101
0 votes
1 answer
114 views

Why use borders around dropdowns in a mobile app?

I'm working on a mobile app with a GUI similar to the Gasbuddy mobile app. The first screenshot is what Gasbuddy looks like now. The 2nd screenshot is the same thing but without the borders around the ...
user avatar
  • 163
0 votes
2 answers
92 views

Dropdown menu or Select vs Dropdown menu with radios inside

Im wondering if anyone has any research or experience on how dropdown menus or selects perform compared to dropdown menus with radios controls inside. I'm considering using them for a filter bar as I ...
user avatar
2 votes
2 answers
98 views

What is the best way for user to be able to select a Category and Subcategory?

The user should be able to: Only select ONE Category Select multiple Subcategories Idea (A): Use autocomplete select dropdown so user can search through both Categories and Subcategories Close ...
user avatar
  • 1,042
0 votes
2 answers
62 views

Close/Cancel function: Use Secondary or Warning type button?

Some software systems use the secondary button for cancel/close functions, and others use the warning button (usually red). Which is more correct?
user avatar
1 vote
2 answers
71 views

Filter without an "Apply" button behavior

I have a filter that will automatically display the results without having to click on an "Apply" button. This isn't going to be an issue with our system since we're able to display results ...
user avatar
  • 1,042
2 votes
1 answer
86 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 ...
user avatar
1 vote
0 answers
82 views

Select box "Other" option in dropdown label

For dropdown options that have an "Other" option that will then display an textbox, what typically is the label for this textbox? Should the label be Other?
user avatar
  • 1,042
0 votes
1 answer
133 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 ...
user avatar
  • 25.3k
1 vote
2 answers
129 views

Dropdown with - progressive disclosure with accordions vs chevrons

What is the best UX for the user? Expanding the field in the same dropdown or opening a new dropdown? The first image presents an accordion option when the user is able to preview the content in the ...
user avatar
2 votes
1 answer
102 views

Should dropdowns hug its contents or should they be fixed?

When creating a dropdown filter, you can control the size of the dropdown by the size of the placeholder, therefore its inicial width. When the user selects an option, should I refresh the dropdown ...
user avatar
2 votes
0 answers
81 views

Language selector and default language on filter bar [closed]

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 ...
user avatar
15 votes
8 answers
3k views

What's a better way to enable a feature – checkbox or dropdown?

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
user avatar
  • 1,661
1 vote
1 answer
89 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 ...
user avatar
1 vote
0 answers
34 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 ...
user avatar
1 vote
3 answers
90 views

drop down menu or search functionality when the number of options for selection is more than 60

My user/customer is a doctor and when registering must submit his/her specialty.The specialties are about 70. Given that number(70) what do you think is better...a dropdown menu or an input that has a ...
user avatar
15 votes
3 answers
4k 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 ...
user avatar
4 votes
2 answers
2k views

Should a blank option always be included in <select> inputs?

For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown: <select required> <option value="&...
user avatar
  • 143
0 votes
2 answers
95 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 ...
user avatar
1 vote
1 answer
317 views

Placement of delete filters button - inside or next to dropdown?

So I have a pretty simple "problem": I have a filter option, which is this dropdown as you can see in the pictures. The question is: what do you think is the better placement for the delete ...
user avatar
  • 185
0 votes
1 answer
397 views

How do I make a dropdown select accessible?

What I mean by dropdown is the implementation found in Bootstrap and other common front-end frameworks. I want to replace <select> elements in my forms with dropdown menus because I need the ...
user avatar
  • 101
1 vote
1 answer
71 views

How to display an 'either or' option in a setup page?

Hye guys, we are currently designing a setup process for a web app. At this stage, user has to select a type for the system where user needs to switch on either 'Type A' or 'Type B'. It is compulsory ...
user avatar
  • 613
1 vote
1 answer
50 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 ...
user avatar
0 votes
2 answers
161 views

UI/UX Secondary menu with a single entry

I have a question of ux/ui design : is it a good practice to use a dropdown menu in a vertical 3 dots button with only one option in there ? Is there an alternative? Example : A page allowing to edit ...
user avatar
  • 1
2 votes
2 answers
154 views

Design with many filters

I'm designing a system where the user should be able to display data on a chart based on different filters and measures. They can filter by a country or multiple ones, by product/s and variant/s. They ...
user avatar
  • 1,097
0 votes
1 answer
37 views

Unavailable item in multiselect after one is chosen

I have to display several options in a multiselect dropdown, and some of them are related, like: year (two digit) and year (four digit). These are related options, and after one is picked, the other ...
user avatar
  • 193
1 vote
1 answer
414 views

Combining a drop-down with autocomplete and search

Recently I was faced with the following dilemma. By trying to combine a drop-down that must contain items with a top search/type field (autocomplete and search) inside of the drop-down I realised that ...
user avatar
0 votes
0 answers
87 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 ...
user avatar
1 vote
1 answer
114 views

How can I display large amount of active organizations within the platform?

Currently when the user uses the platform is able to choose an active organization (within his organization) and which data he wants to include. The current solution indicates a narrow bar under the ...
user avatar
0 votes
3 answers
52 views

Immediate friction or further up the journey?

Background Our booking journey WILL require getting the exact age of any children added to the booking due to tax reasons. We are doing that by providing dropdowns to select the ages of these children....
user avatar
2 votes
2 answers
268 views

Align width of dropdown menu to?

In the past I ran often into the problem, that I did not know how to decide the width of a dropdown menu. I as a designer don’t mind to just eyeball a good-looking width, but developers would love to ...
user avatar
2 votes
2 answers
137 views

Best practices for radio buttons with number options?

I'm redesigning a form that includes a Priority dropdown, this field has 5 options: 1, 2, 3, 4 and 5. One being the most important priority and five the least important. Given that there are 5 options ...
user avatar
  • 369
3 votes
2 answers
429 views

Drop-down Form and Check Box Combined—Bad Practice?

I am working on a form wireframe, and getting stuck on this one part. The user can either pick out an extracurricular involved, or choose "none", if not relevant. Having both a drop down and ...
user avatar
  • 33
1 vote
2 answers
918 views

Dropdowns or other inputs inside radio button group

I have taken over the development of an application which is basically like a huge questionnaire. Some of the design choices have a led to some invalid HTML, which I am trying to fix up. The major one ...
user avatar
  • 115
1 vote
1 answer
456 views

Custom select component with filtering

Custom select components are seen everywhere these days due to the limitations of the native HTML select element. Ignoring the virtues (or lack thereof) of select components (c.f. https://gerireid.com/...
user avatar
  • 111
3 votes
6 answers
3k views

Dropdown menus: Should the parent item be clickable?

TL;DR In my opinion, the parent element (that which when hovered spawns the dropdown menu) MUST be clickable. Other items in the global navigation bar that do not have have dropdown menus take you ...
user avatar
  • 181
2 votes
1 answer
107 views

What should be the value shown for a collapsed custom date range picker?

I'm working on a custom filter for a photo application. If the user wants to search for a photo, they can select from predefined date ranges or input a custom date range. Selecting a custom date range ...
user avatar
  • 1,042
3 votes
2 answers
276 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 ...
user avatar
1 vote
1 answer
97 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 ...
user avatar
  • 8,062
3 votes
2 answers
384 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 ...
user avatar
1 vote
1 answer
110 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 ...
user avatar
0 votes
3 answers
647 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 ...
user avatar
  • 1
1 vote
1 answer
61 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 ...
user avatar
1 vote
1 answer
86 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 ...
user avatar
  • 11
3 votes
1 answer
62 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 ...
user avatar
1 vote
1 answer
81 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 ...
user avatar
  • 613
1 vote
2 answers
169 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: ...
user avatar
  • 11

1
2 3 4 5
8