Questions tagged [dropdown]

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

Filter by
Sorted by
Tagged with
8
votes
4answers
13k 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
1answer
51 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 ...
2
votes
2answers
73 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 ...
0
votes
3answers
48 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....
2
votes
2answers
55 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 ...
3
votes
2answers
400 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 ...
1
vote
2answers
61 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 ...
3
votes
3answers
13k views

When to use combo-box vs dropdown?

We have a dropdown list that allows for the selection of up to 24 city names. I'm trying to make the case to change that into a combo-box, which would drop down to a suggested top 10 elements, and ...
1
vote
0answers
36 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/...
0
votes
0answers
39 views

Nested Accordion or Nested Tab to show information?

I'm currently trying to display information for a passage editor and am wondering which approach I currently have is better UI. On a high level, I have a Passage tab (at the top). Within each passage, ...
149
votes
16answers
182k 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 ...
4
votes
6answers
536 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 ...
2
votes
1answer
52 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 ...
3
votes
2answers
108 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 ...
3
votes
2answers
94 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
2answers
163 views

Dropdown with search features validation

Imagine a dropdown list with search features where I can type or paste some text. What will be the best way to validate my dropdown: A: Comparing the text with the database text after click outside ...
2
votes
4answers
451 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 ...
2
votes
3answers
271 views

Alternatives to nested dropdowns?

When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this. The problem So currently the workflow ...
1
vote
1answer
72 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 ...
3
votes
1answer
3k views

Dropdown with stacked up- and down-arrows vs one down-arrow. What drives the choice?

Our team implemented non-native dropdown controls that use an up-triangle on top of a down-triangle (similar to the MacOS example). The native controls (as far as I can tell) for MacOS (10.10) and ...
3
votes
1answer
48 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 ...
0
votes
1answer
49 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 ...
0
votes
3answers
191 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 ...
1
vote
1answer
47 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 ...
0
votes
0answers
39 views

Lots of dropdowns

I'm working on a complicated interface where a user might have to make a selection from up to 65 categories. Not all users will need all 65, the number will greatly vary. The current solution uses ...
1
vote
1answer
62 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 ...
0
votes
1answer
71 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 ...
3
votes
6answers
1k views

Dropdown/ Combo box Lengthy text management

I would like to know how to show lengthy text in dropdown list. Each list item are more of a 2-3 line lengthy. Any suggestions will be appreciated. On hover tool tip is right way for dropdown list?
1
vote
2answers
75 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: ...
2
votes
1answer
76 views

Is there a need to display arrows in the drop-down fields in the mobile application?

We build a simple mobile app form with 2 drop-down fields and one text input field for iOS and Android platform. My question is should we definitely use a small arrow icon at the end of field that ...
1
vote
3answers
112 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 ...
8
votes
4answers
7k 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 ...
38
votes
3answers
136k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
7
votes
3answers
619 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/...
29
votes
8answers
17k 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 ...
0
votes
3answers
73 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 ...
4
votes
1answer
134 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 ...
1
vote
2answers
140 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? ...
2
votes
3answers
194 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 ...
1
vote
1answer
101 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 ...
28
votes
9answers
74k views

What are alternatives to a large drop down select list?

I am adding a single selection drop-down containing a list of all countries (around 200+ items). In Windows it works fine as it displays 10-15 countries at a time and the scroll bar shows up. On the ...
0
votes
1answer
53 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
62 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
223 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
468 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 ...
4
votes
2answers
186 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
710 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 ...
13
votes
5answers
9k 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
2answers
164 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 ...

1
2 3 4 5
7