Dropdowns are toggleable, contextual overlays for displaying lists of links and more.
Questions tagged [dropdown]
6384 questions
15
votes
2 answers
How to add click event to whole view in SwiftUI
I'm developing SwiftUI test app and I added my custom DropDown menu here.
Dropdown works fine but I want to dismiss dropdown menu when user click dropdown menu outside area.
Here's my dropdown menu.
import SwiftUI
var dropdownCornerRadius:CGFloat =…

Ioan Moldovan
- 2,272
- 2
- 29
- 54
15
votes
3 answers
How can I set the width of HTML
Actually I know the select box width is set by the longest option in the list, but I want to increase the length (width) of a select html element.
I also searched and I understand this code style="max-width:70%" may work but it doesn't work for…

Niusha Ghanbari
- 193
- 1
- 2
- 10
15
votes
10 answers
Dropdown selection not displaying with Flutter
I' m gettings items from JSON and displaying them in a dropdown. When the person select an item from the dropdown list, I get the selection but the selected item doesn't change.
For example we have (tokyo, paris, new york) in the list. By default…

Pondikpa Tchabao
- 3,285
- 6
- 17
- 24
15
votes
7 answers
Give placeholder to select in Angular 6
I have a select option in which i want to give placeholder which says "select a category"
15
votes
4 answers
Fetching data from MySQL database to HTML dropdown list
I have a web site that contains an HTML form, in this form I have a dropdownlist with list of agents that works in the company, I want to fetch data from MySQL database to this dropdownlist so when you add a new agent his name will appear as an…

ziz194
- 312
- 2
- 8
- 22
14
votes
2 answers
How to add decoration DropdownButton in Flutter
I have a dropdown button as you can see below.
child: DropdownButton(
value: dropDownValue,
icon: Icon(Icons.keyboard_arrow_down),
iconSize: 15,
…

kimSoo
- 283
- 1
- 4
- 10
14
votes
3 answers
When click on second dropdown black box should remain visible
In this dropdown nav I'm building if a dropdown is opened and you click to open a second one, the black box should remain visible. At the moment the black box disappears when you click on a second dropdown and reappears after the dropdown is…

Nesta
- 988
- 2
- 16
- 44
14
votes
3 answers
ipywidget interactive hiding visibility
I would like to make an interactive module with ipywidgets.
So far so good but I'm stuck.
I want to hide the visibility of a certain ipywidget object dependent on a certain situation, and I want my printed text to show up above the widget and stay…

aze45sq6d
- 876
- 3
- 11
- 26
13
votes
5 answers
How do I search in Flutter DropDown button
I have a list of the countries name in local json. I can load my local json and assign to DropDown button. there is a 193 countries in json file as ex. shown below. If I want to select United State, user have to scroll all the way down. How can…

Nick
- 4,163
- 13
- 38
- 63
13
votes
3 answers
Use different key for searching instead of value or label in react-select in reactJS
I am using react-select as a searchable drop-down in my react app.
I am referring this link https://github.com/JedWatson/react-select.
In the drop-down options structure, it needs label and value keys in the respective object in options.
My problem…

Ricks
- 369
- 3
- 7
- 20
13
votes
7 answers
Android Spinner: Remove Extra White Space Between Text and Dropdown Icon
I have a spinner and by default there is extra white-space between text and dropdown icon which I really don't like and wanna remove it.
Tried searching over the web but did not get anything which could help me. Anybody here who has done it…

Akif Patel - BRMS
- 537
- 1
- 4
- 13
12
votes
1 answer
Can't resolve 'react-transition-group' in primereact dropdown
I am getting the following error-
Failed to compile
./node_modules/primereact/components/dropdown/DropdownPanel.js
Module not found: Can't resolve 'react-transition-group' in 'D:\my-app\node_modules\primereact\components\dropdown'
This is my…

s.k.paul
- 7,099
- 28
- 93
- 168
12
votes
5 answers
PrimeNg p-dropdown Does not Display Array Values
I have component using PrimeNg p-dropdown.
html code:
ts portNames decleration:
portNames: string[] =["Port 01","Port 02", "Port 03"];
My…

Rachel Fishbein
- 818
- 2
- 12
- 29
11
votes
3 answers
hint not working for DropdownButtonFormField in Flutter
I have a form in Flutter with textformfield and dropdownbuttonformfield. While running my app hint is not working for me. hint not shown in dropdownbuttonformfield. It's showing kkk as initial value not showing Select City.
I'm using StatefulWidget…

MSARKrish
- 3,355
- 4
- 30
- 43
11
votes
4 answers
primeng dropdown component error ('p-dropdown' is not a known element)
Following the guide: https://www.primefaces.org/primeng/
I have tried to install PrimeNG to use with Angular4, following the steps detailed above, but I get the error:
'p-dropdown' is not a known element:
I tried to rebuild the projects, as…

Luigi Rubino
- 564
- 1
- 7
- 17