Questions tagged [drop-down-menu]
A GUI element, similar to a combobox and a list box, which allows the user to choose one value from a list. When a drop-down list is inactive, it displays a single value. When activated, it displays (drops down) a list of values, from which the user may select one.
6,993
questions with no upvoted or accepted answers
13
votes
2
answers
4k
views
How to make a DropDownListFor bound to a Nullable<int> property accept an empty value?
I have the following DropDownList in an ASP.NET MVC cshtml page:
@Html.DropDownListFor(model => model.GroupId, (IEnumerable<SelectListItem>)ViewBag.PossibleGroups, "")
The property is ...
- 5,545
11
votes
4
answers
4k
views
Change the background color of exposed dropdown menu
I think Android developers are kidding us. First they removed the real spinner from the Material Design and second it is somehow impossible to style. Look at this image. I looks really good ALMOST!. I ...
- 738
10
votes
1
answer
2k
views
Dropdown menu in Quarto
I would like to create a dropdown menu in Quarto to show multiple plots. In R Markdown is this really simple using # Dropdown menu {.tabset .tabset-dropdown} with some ## for each plot. Here is a ...
- 38.6k
10
votes
1
answer
8k
views
Scrollable dropdown menu with submenus in Bootstrap
I am trying to achieve scrollable dropdown menu with sub-menus. I used the css from this post to have sub-menus in bootstrap 3. The problem is that the sub-menu is hidden within the container or is ...
- 4,556
7
votes
2
answers
10k
views
'outlined' not working in Material UI Select
I am implementing Material UI `Select' for which values are coming from backend. Below is my code
<FormControl variant="outlined" className={classes.formControl}>
<InputLabel ref={...
- 2,951
7
votes
0
answers
2k
views
hierarchical drop-down list in R shiny
We need to create a hierarchical drop-down list in R shiny. The list will have at least 3 levels. Could you please help me in identifying the correct library for this? Please refer the below pic for ...
7
votes
3
answers
2k
views
ios 11 Beta 5 select drop-down list issue
HTML Select drop-down list is not getting dismissed properly on iOS 11 beta 5. Upon closing the drop-down, an empty drop-down with blank options reappears in its place.
Please let me know if anyone ...
- 71
7
votes
3
answers
2k
views
Display overview text when dropdown item is selected in AngularJS
I am looking to display an overview of each widget category to appear above the filtered results when that widget category is selected.
I am assuming this will require a ng-show directive so will ...
- 1,559
7
votes
3
answers
2k
views
ActiveScaffold: How to create a drop-down select for polymorphic association?
I'm trying to create a drop-down select box for a polymorphic association with ActiveScaffold.
I have:
class Award
belongs_to :sponsorship, :polymorphic => :true
end
class Organization
...
- 71
7
votes
2
answers
14k
views
How to make ipad like dropdownlist in desktop browsers using select tag of HTML and css only, is it possible?
I am working on a project where i have to give some style to a select box(dropdown list) ....this page will work almost on every devices (responsive web design) i have to give style to a select box ...
- 2,569
6
votes
0
answers
3k
views
Angular material mat-select drop-down size and scroll problem on item select
Goal:
To have a mat-select with multiple select but with bigger drop-down size.
Knows solutions:
Add panelClass to mat-select and customize it's max-height. It seems working fine in some cases.
...
- 213
6
votes
5
answers
19k
views
How to create sub menus for a vertical navigation bar using css only
I have been surfing for long to know how to create a Sub menu for a vertical navigation page for my website.
I want simple CSS to be used.
I have my nav.jsp page having all the navigation links. ...
6
votes
1
answer
2k
views
Action bar sub menu not working with actionLayout
Hi I am developing an android application. In my application I am using ActionBarSherlock. I defined few menu items in the action-bar, in the following way:
<menu xmlns:android="http://schemas....
- 7,508
6
votes
2
answers
389
views
How to recover tabOrder after switching `windowFlags` of some widgets in Qt?
Context:
For a custom widget, similar to a menu, I have some of the content inside a "drop-down" frame when space is not sufficient:
For this drop-down feature, I set the frame for those ...
- 14.7k
6
votes
3
answers
4k
views
Angular 6 open select programmatically
I'm trying to open select option using javascript in angular 6
const dropDown = document.getElementById(id);
let event;
event = document.createEvent('MouseEvents');
event.initMouseEvent('...
- 1,363
5
votes
0
answers
734
views
Flutter - How to position the DropDownMenuItem below the DropDownMenuButton?
I’m working with the DropdownButton and I have two questions:
1/ Is it possible to define the height of the DropdownButton Widget ?
2/ How to position the DropDownMenuItem to always start below the ...
- 1,594
5
votes
0
answers
561
views
Looking for dropdown on android webview that is working
Native select and also smart select picker from framework 7 are shown but when I click on them nothing is opened.
Here is an example I have tried, I can see the drop down but when I click on it ...
- 71
5
votes
0
answers
593
views
How can I implement a drop down selection list inside uialertcontroller using swift
Is it possible to have a drop down selection list inside a UIAlertController in swift. If so how can I implement it?
Thank you.
- 261
5
votes
1
answer
2k
views
Disable options in an appended drop-down list using jQuery
I am using Yii2 php framework and here's how I displayed the first drop-down list:
<?php
$deductions = PayrollItems::find()->where(['store_id' => $session['store_id']])->orwhere(['...
- 853
5
votes
1
answer
2k
views
Options for each item of listview Android
I want to create options for each ListView item like Google Now Android app.
I Have created a custom ListView and each item in the ListView will have a overflow image as in Google Now app's UI Card.
...
- 517
5
votes
3
answers
1k
views
CSS angled menu with gradient under dropdown issue
I have an angled menu that has a gradient under it that continues all the way to the upper edge. I also have a subnav that has a different gradient that runs underneath the main nav's gradient. ...
- 51
5
votes
1
answer
2k
views
WPF: How to have custom button template that uses system's button background by default?
I am creating a style that changes a ControlTemplate of a Button (it actually adds arrow on the right, so that the button looks like dropdown button (which is missing in wpf)).
Inside of template, I ...
- 4,585
4
votes
1
answer
4k
views
Streamlit selectbox is reseting the webpage
I am currently trying to use the selectbox to allow the users to pick a name of a column to run a model with. When I put a selectbox in the sidebar I didn’t have an issue, but when I put the selectbox ...
- 43
4
votes
2
answers
2k
views
Angular Material mat-option with *ngFor ARIA label fails at Lighthouse
I wonder if anybody has come to this same issue.
<mat-select formControlName="tag" aria-label="Select a Tag">
<mat-option *ngFor="let tag of tags"
[value]="tag"
...
- 773
4
votes
0
answers
80
views
How to use selectbox of a form for its progress bar in jQuery?
When i use the select box in progress bar in jQuery with change event then the width of the progress bar is increased but i need the progress bar increased only once . but it changes all the time when ...
- 302
4
votes
1
answer
3k
views
How can I set the position of a drop down list with D3.js?
I want to set the position of a drop down list with D3.js but unlike other elements, select element hasn't x and y attributes so I don't know how to do it.
d3.select("#chart")
.append("...
- 107
4
votes
0
answers
1k
views
Multiple dropdowns, same options, only allow value to be selected once - Semantic UI
Using Semantic UI for generating single dropdowns, and using the same data (select options) for multiple dropdowns (user can select in any of dropdowns), but only want the user to be able to select a ...
- 2,566
4
votes
1
answer
3k
views
How to search selected option of dropdown list using ctrl-f browser search?
I have multiple select dropdowns on my page. I need to find the selected option of dropdown using browser's ctrl-f search since the form is very long user can't scroll every time to find the selected ...
- 321
4
votes
0
answers
529
views
angular 2 md-select select option by keyboard
In Angular Material docs md-select has keyboard interaction: up arrow to select previous option, down arrow to select next option, space/enter to select option which is currently focused on.
But is ...
- 444
4
votes
0
answers
16k
views
Show Bootstrap Multi level Dropdown Menu on Hover
I understand there are couple of posts on this title. What I want , to implement the same in my existing code and by using jQuery since I have already added ample of CSS lines for it's styling purpose....
- 843
4
votes
0
answers
598
views
iOS 8 select options are truncated
In iOS 6 and iOS 7 select options were truncated, but could be fixed with an empty optgroup in the select:
iOS 6 Select Menu vs iOS 7 Select Menu
This solution no longer works for iOS 8. Has anyone ...
- 41
4
votes
1
answer
661
views
ng-grid headerRowTemplate hides bootstrap dropdown
I am using a Bootstrap dropdown in a table header but it is just partly visible.
I have found that this is caused by ngHeaderContainer using a CSS property of overflow:hidden.
I override this ...
- 41
4
votes
1
answer
956
views
Why do I have to click a selectbox option twice in IE for it to go away?
I have a selectbox on my page, and it works excellently in every browser except IE. I've tested on 8 and 9, and I have the same issue. When I click an option, the .change() event fires, exactly like ...
- 4,804
4
votes
1
answer
1k
views
Twitter Bootstrap Dropdowns do not style correctly in Internet Explorer (as per examples in docs)
I am having quite a bit of trouble with the drop-down menus provided by twitter bootstrap and their styling (in internet explorer 8 and 9).
When I browse the drop-down example in the official twitter ...
- 98
4
votes
1
answer
1k
views
Can Chosen.js search the values of options as well as their text?
I am using the jQuery plugin Chosen.js with a long list of options. Sometimes people search for abbreviations that occur in the value attribute but not in the human-readable text displayed for an ...
4
votes
0
answers
815
views
CKEditor: Submenu (drop downlist) not appearing
I need a drop down submenu list within the drop down menu list in plugin. but problem is, that menu shows that It has drop down submenu list but contents of list are not being loaded. empty submenu is ...
- 331
4
votes
1
answer
5k
views
How do I get twitter-bootstrap navbar subitems to collapse/expand on small screens?
The twitter-bootstrap 'hero' example (http://twitter.github.io/bootstrap/examples/hero.html) works well. At the risk of describing the obvious... On small screens, when the navbar menu is activated, ...
- 49
4
votes
2
answers
2k
views
Twitter Bootstrap button dropdown not working in IE9
UPDATE: Ok, I found the cause. The grey area where the button resides is a div for the navigation. It has fixed position and a high z-index to make it float above other elements. This is what's ...
- 7,516
4
votes
1
answer
531
views
Can child controls use their parent's datasource?
I have the following mark-up:
<div class="section">
<p runat="server" id="sectionName"></p>
</div>
<div class="label">
<div class="activity-header">...
- 3,723
4
votes
1
answer
927
views
Capybara select from dropdown with regular expression?
I am trying to scrape a web page with Capybara, which is working fine, except that I am having trouble with a certain page. It has a dropdown list defined with the following HTML:
<select ...
- 275
4
votes
1
answer
715
views
Sharepoint 2010 dropdown menu on mobile
I have a hovering dropdown menu in Sharepoint 2010 that works fine with a mouse, but what I'm also trying to achieve is getting the menu to not reload the page on a mobile device (since the user has ...
- 121
4
votes
3
answers
1k
views
Selecting an option in a CSS-based menu with WebDriver
I have a simple CSS-based dropdown menu, and I'm trying to click on one of the menu items in a Java Selenium (WebDriver) test.
Both the menu (<ul> element) and the items (<a>) have IDs ...
- 81k
4
votes
3
answers
5k
views
Validation Message still show up when an autopostback dropdownlist fires
I have a required field validator to validate a dropdownlist. this dropdownlist is an autopostback one, and it's causevalidation property is set to be false.
the issue is, when I select the default ...
- 7,559
4
votes
2
answers
2k
views
Saving Dropdown list selection with Entity Framework in ASP.NET MVC solution
I'm looking for advice on a decent pattern for dropdown list selection and persistence of the selection with POCO EF please.
I have a list of IEnumerable<Country> in my view model where Country ...
- 8,428
4
votes
2
answers
2k
views
Add "items per page" drop down box in SHOPIFY
I'm building a web store on shopify. I want to add a drop down box on a page that displays my products where I can select number of items to display per page (i.e. 25, 50, 100).
Any suggestions on ...
- 3,667
3
votes
0
answers
642
views
how to handle drop down button with Server Actions -Nextjs
i am just try how to deal with server actions and forms , so i have a form and API to post to it , all input fields works, i got all fields input except the value of the drop down button,
in the ...
- 157
3
votes
1
answer
792
views
Webdriverio browser.keys('Down arrow') is not working for a specific custom drop-down menu
I have two different drop-down in one webpage the difference between both is that for the first drop-down the first option is selected by default and I can use browser.keys to select options as there ...
- 31
3
votes
0
answers
35
views
Choosing an option value from dropdown list in Selenium Python
I have this following HTML element:
<div class="inlineCenter GuestNumDropdown">
<select name="participants" id="ui-id-1" style="display: none;">
<option value="1">1</...
- 31
3
votes
1
answer
559
views
How to make menu appear below dropdownmenubutton in flutter
I have set menuMaxHeight as it was taking up a lot of screen.
My menu appears above the menubutton.
Here is the widget
DropdownButtonHideUnderline(
child: DropdownButton<String>(
...
- 456
3
votes
0
answers
162
views
The Index value from Map method is not changing in Nested DropDown in React JS - Material UI
import React from 'react';
import {
makeStyles,
Typography,
InputLabel,
Grid,
Paper,
TableContainer,
Table,
TableHead,
TableRow,
TableBody,
TableCell,
...
- 2,013