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

learn more… | top users | synonyms

0
votes
1answer
37 views

What is the best way to display additional details associated with a dropdown selection?

I'm looking for some suggestions on how to inform and display additional data based on what has been selected from a dropdown. Overview: I'm working on a complex back-office application that allows ...
3
votes
2answers
75 views

Should I use multiple synchronized dropdowns in a big UI

User Story: The user can create a schoolclass 7a The user can create a pupil for a schoolclass 7a The user can change the shown pupils for the current selected schoolclass 7a Question: Should I ...
1
vote
5answers
171 views

How to elegantly create new parent when midway creating new child and realize you need a new parent?

I have a child record called customers. So when I create a new Customer, it's a form with a few text fields and one dropdown tree structure that lists all possible Companies that a new Customer might ...
5
votes
2answers
197 views

Closing a drop-down menu

I've read a lot that for a frequent-use app it's better to use click-activated (as opposed to hover-activated) drop-down menus. In my case, a drop-down menu is a good solution as it's not used for ...
0
votes
0answers
45 views

Monitor resolution settings in a slider, dropdown or list?

I noticed that in the more recent versions of Windows, the monitor resolution setting has changed from a slider to a dropdown box and an abomination in between. XP: Slider Windows XP has a default ...
2
votes
3answers
145 views

Best way to represent multilevel multiselect location dropdown

So i have this very major UX Issue, I have a set of locations with hierarchy Country> State> (Optional, to be placed if it makes the UX better) City> Neighbourhood> I don't ...
0
votes
1answer
80 views

Select from option list and apply action

I have several labels that are associated with text, e.g. Default : Text Label1 : 123 Label2 : 456 Label3 : 789 The UI for this is currently structured as follows: [Default ▾] [Save] [Save as] ...
18
votes
6answers
4k 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
1answer
38 views

What are some good ways to handle long values in a dropdown? [duplicate]

I need to create a dropdown to select various groups and most of them have very long titles.
4
votes
3answers
221 views

Better way to show Priority Level in drop down

I just found below drop down for showing priority levels in JIRA: Does the above drop down - with icons and supporting message clearly demonstrates the priority levels? If not, then what will be ...
0
votes
1answer
58 views

What's the best way to allow user to 'sort' a complex dropdown?

This is quite similar to this question, but not quite the same. I have a widget--to be called Widget 1--in a desktop application that is a combobox/dropdown, which is a field that allows you to type ...
1
vote
6answers
297 views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
41
votes
9answers
6k views

Is there a UX pattern for “drop-down preferred but free text allowed”?

Trying to design a user interface screen for a part of the system where users will be able to select companies from a drop-down. The drop-down list is potentially very long. However, if the company is ...
0
votes
2answers
75 views

Single Select Mechanism [closed]

Are there any mechanisms for single select besides radio buttons and dropdown menus (combo boxes)? Here's an image of the layout I'm designing: Users can only single select a product, and the ...
0
votes
1answer
70 views

Which category “dropdown” is optimal for mobile/desktop for >10-15 items?

I have a menu, on the top, with a category dropdown. This is the only menu, which has a subitems. The main menu consists 4-5 item. Under categories will be 10-15 items aprox. Categories may have ...
0
votes
0answers
61 views

Displaying a lookup table in a complex grid

In my application I have a fullscreen form which has some edit fields with buttons on the right side. The value of some edits has to be chosen from a huge table, after clicking a button (for example ...
1
vote
1answer
49 views

Dropdown with multiple values

I have a configuration page where in there is a field for associating the IP address. IP address will be in huge number. Can some one suggest me what is the best practices to get this done? A ...
1
vote
0answers
122 views

Dependent pick list and multilevel selection

I have to design a prototype where the user has to choose from a lot of selection, multi-selection and dropdown widgets. All choices are dependent on each others and there will be a lot of complex ...
3
votes
5answers
125 views

Baffled on best method for dropdown list with LONG options

I have a site that uses WooCommerce and the person who set it up has the pick-up location as a product variation. So, first you have to choose a location, and then you can add to cart. The UX issue ...
2
votes
1answer
72 views

Select with accompanied textarea alternative

Problem: I have a requirement for a predefined list of text that can range from 100 to 400+ chars. This list should be shown to the user in some fashion and then, once one of the items is selected, ...
4
votes
1answer
163 views

Dropdown with complex hierarchy UX best practises

The problem is to implement dropdown with high complexity. Especially we need to view multi drop down with continents and countries. Search is also required. We implemented solution for it but it ...
1
vote
2answers
198 views

should a dropdown toggle icon be up or down?

I keep hitting this issue and wonder if there's a hard and fast anwser: On a dropdown widget, should the icon be up or down on either state? For example when down should the icon be pointing up to ...
6
votes
2answers
784 views

Alternative to dropdown with over 6000 values [duplicate]

On a login form where the user must select the name of the store location that they are logging into, there may be up to 6000 values. For a company that only has 5-10 locations the dropdown works ...
1
vote
1answer
133 views

Multi position switch (while avoiding dropdowns and skeuomorphism)

I have a very visual, map-like interface where most of the interaction takes place in navigation cards as opposite to direct manipulation. I need to add a "dimension selector" to each node that ...
0
votes
2answers
92 views

How can I show a row of dropdown menu's in mobile

A brief introduction : Lets say in this web app the user is asked to upload an image. The resultant page will contain the image with a row of dropdown menu's to select from and a final submit button ...
2
votes
2answers
136 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
2
votes
2answers
112 views

Two different ways to narrow a large list from a select drop-down

I'm revamping our registration page with a lengthy list of professional certifications. I am using a plugin that dynamically searches the drop-down based on user input. Is it preferable to have two ...
1
vote
2answers
86 views

How to deal with whitespace left by fixed field width?

I am creating an infopath 2010 form, which will be accessed through a browser. Unfortunately, the browser based infopath field widths don't change based on the width of their contents. So, if you ...
1
vote
1answer
54 views

What Options Should an IRC Chat Room Button Have?

This one comes with a bit of backstory, so I apologize for the complexity of the post. I'm a web admin for a forum that has an associated IRC Channel. The forum has been around for two years, but we ...
0
votes
2answers
152 views

On Hover Styling for dropdown in top header

In my application, I've a selection drop-down in the main top-header menu. Now, I'm a little confused on how I should have on hover for that element. These are the two options: Option 1: No ...
6
votes
2answers
156 views

What's the best way to present a nested drop down menu but avoid the drop down going off screen?

I'm currently working on a design that originally was using a nested drop down meny like so: But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no ...
0
votes
1answer
226 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 ...
0
votes
0answers
41 views

does a down arrow as a drop-down menu affordance work on the left of a button (or only on the right)? [duplicate]

I have a need for an affordance on a dropdown menu that is clashing with my need for right hand alignment. The dropdown also serves as a row label in my 'spreadsheet-like' interface. I want the row ...
5
votes
3answers
223 views

Dropdowns within dropdowns

We are mocking out new notifications and requests panels for our web app and I wanted to see if anyone had any ideas on a better way to represent this concept of a dropdown within a dropdown. I don't ...
0
votes
2answers
173 views

Affordance of Muti-Select Dropdown

I wanted to get some feedback on a design concept we are working on. I am concerned there isn't enough affordance for the user to understand what the dropdown is capable of. In short, some of our ...
1
vote
1answer
132 views

Design tips and best practices for visual navigation on mobile

I'm designing a visual drop down menu something like this: Any suggestions on how to adapt this for mobile and tablets? I'm struggling with balancing the imagery vs making it fast and functional. ...
2
votes
3answers
129 views

How to allow 'Select none' from dropdown properly

I'd like to allow selecting none from a dropdown menu (web). On the other hand, there are no labels so I would like to also let the user know what the dropdown is for. What's a good way of achieving ...
1
vote
1answer
70 views

Apply All option after selection option of combox

I have a table with a set of rows. Each rows contains a dropdown box to perform an action over the row (see this example). But I want to give a possibility to user to chose if this action will be ...
2
votes
1answer
160 views

Choose existing or creating new category

Our current implementation gives the user an option to select a category from a drop-down and to add new category. The problem is that this button under the drop-down does not work very well. 1) ...
1
vote
2answers
422 views

In a multiselect dropdown; add/remove item to/from selection through checkbox only or include label

We have a discussion between UXers and developers: UX: In a multiselect dropdown one should add/remove item to/from selection through checkbox and clicking the label. When one wants to remove all or ...
5
votes
2answers
1k views

Should dropdown list option be removed if the options cannot be repeatedly selected?

Let's say, I have a dropdown (html select) of questions from which a teacher can pick up questions to present to their students. The options available in the dropdown can only be picked once i.e. the ...
0
votes
2answers
325 views

Dropdown/Radio button as an action selection in a grid row?

I need to display an action selection in every row of a grid. The action could be Do nothing, Confirm, Reject (mutually exclusive). And once all the selections were made, users are expected to hit a ...
10
votes
6answers
2k views

How do I show that a wide dropdown is clickable?

I have a select tag that looks like this: It spans along the top of the page contents, which is roughly 90% the screen width. So, while it's not obvious in this question, the caret is roughly 400px ...
0
votes
0answers
82 views

Sorting Button for E-commerce Listing Page

I'm working on a responsive project for e-commerce platform. For the XS view we will provide at the top of the list the tools to arrange and sort the list. I designed 3 drop-downs Categories, ...
3
votes
1answer
343 views

How to deal with mega-dropdown menus with inconsistent content?

Context: desktop site which shows data. The main menu has from two to four levels. Without the possibility to change the page content and the menu architecture, we have to optimize the menu view. The ...
1
vote
1answer
112 views

Filter dropdown select - empty should still appear in the UI?

Should a filtering dropdown appear in the UI when the content to filter (list of items) is empty? For example there are two tabs in one page that represent two categories of items. In the content ...
5
votes
7answers
636 views

How to enhance bilingual - auto suggest search box?

Our users need to submit a form for submitting a request. Form is available in multiple languages. This form has text box ( the most important field, works as a auto suggest search box). We used to ...
5
votes
2answers
239 views

How should I implement a 'recently used' list in a dropdown function?

I'm building a complex web app that has a number of places where the user will need to select things from dropdowns. The dropdown lists can be quite long. We are already using the Select2 library to ...
2
votes
2answers
223 views

What's the best way to explain what the options in a drop down menu mean?

Please see image below. The drop down I'm struggling with is the "permission level" drop down. Users won't be immediately familiar with what the different permission levels mean. In the screenshot, ...
1
vote
2answers
142 views

Dropdown or Sliding for choosing

A user (conductor) will pick a destination taking the minimal amount of time. Since this is a ticketing system which user can tap or swipe. Check the Example of 2 set of images below: The 1st set ...