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.

Filter by
Sorted by
Tagged with
0 votes
3 answers
21 views

Make Flutter DropdownMenu Smaller

I'm attempting to reduce the height of a Dropdown menu, I have tried in this way: SizedBox( height: 30, child: Container( decoration: ...
Marco Manzi's user avatar
-1 votes
0 answers
12 views

Antd dropdown can not use on table

I want to use antd dropdown with a table but "Error: React.Children.only expected to take a single React element child." I get an error. Could anyone help me with this? this is dropdown menu ...
EjdaT ERTAŞ's user avatar
0 votes
1 answer
23 views

How to create an interactive nav bar in HTML?

to learn HTML more in depth I'm building the website of a famous fashion brand, trying to emulate and build all the functions that I see with the HTML knowledge that I have. I still haven't learned ...
giuseppeBianchino's user avatar
0 votes
0 answers
19 views

X button for exit dropdown menu only in css

I managed to do the dropdown menu the dropdown opens with the toggle hamburger button, once opened I managed to make an x-shaped button to exit, I would like clicking that button to close the dropdown ...
mark antony's user avatar
0 votes
0 answers
18 views

Stale element exception when running first_selected_option in loop

I'm currently running the following code where I try to download many .csv files from a website that contains 3 dropdowns. The second dropdown (county) is dependent on the first one (state), and the ...
henrique's user avatar
0 votes
1 answer
19 views

How to make editable dropdown lists dynamic based on rowData?

I'm trying to vet AG Grid for a project I'm working on to see if it will cover all of our needs and I'm getting stuck on a feature that seems like it should be fairly straightforward. In my rowData ...
kiss_my_patch's user avatar
0 votes
0 answers
7 views

Zurb Foundation Framework seems to be causing menus to change state

The site was created by a third party, using wordpress and the zurb foundation framework. My main nav menu is having it's 'accordion' classes changed to 'dropdown' classes at 40em screen width and I ...
SpecialK's user avatar
0 votes
2 answers
38 views

Flutter/Dart DropdownMenu doesn't update when I call a setState and modify my Locale variable

My problem is that my DropdownMenu values don't update when I change Locale and SetState. print(races.values.toList()); shows me the correct values after a SetState, so "races" variable is ...
Adeven's user avatar
  • 3
0 votes
0 answers
16 views

How to bind Alpine js element into a Wordpress walker?

First i'm sorry about my english, that's not my native langage. I want create my navigation menu using tailwind and alpine js in Wordpress. That's my menu : <?php ...
Karl's user avatar
  • 79
1 vote
1 answer
16 views

When I try to create a drop down list, when the page refreshes the selected data defaults to it original state?

How do I get my selection to stick when I click save, and not have it default to its original state? Example: <select id="language" name="language" <option value=""&...
Rich Vason's user avatar
1 vote
1 answer
33 views

cypress select with error message Timed out retrying after 4000ms: cy.select() failed because it could not find a single <option> with value

using Cypress for a test script I can not for what ever reason select a year. A very simple task. The threads on cypress / select I found did not help me so far. HTML part: <select id='actual_year'...
pixelhead's user avatar
0 votes
0 answers
13 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 ...
Muhammad Tawil's user avatar
0 votes
0 answers
52 views

Bottom Sheet inside Dropdown options showing wrong place at keyboard open time

Bottem sheet inside textfield and dropdown is shown. I am click first textfield after keyboard is open and next I am clicking the dropdown at the time keyboard is close and bottem sheet going to ...
Anuramaganesh Arumuganainar's user avatar
0 votes
1 answer
15 views

PowerApps change dropdown value based on text box value

I have created a form in the Power Apps Canvas app. I have added Title (Text input) and Courses (Dropdown control). My requirement is that if I add a Title to the text input, then The dropdown value ...
Ganesh M's user avatar
0 votes
1 answer
20 views

What to modify to pass selectedvalue to the whole form using Chakra and React?

I did a dropdown list using Chakra and React for a form and want the selectedValue to pass into the previously created state. This is the dropdown component: const FormOption: FC<OptionList> = ({...
ifsm's user avatar
  • 11
0 votes
0 answers
5 views

dropdownlist unable to find in rowupdating event

I use TemplateField to create dropdownlist in 2nd column when in edit mode. but it cannot be find cell(1).control(0) when in RowUpdating event, only the cell(0) TextBox can be find. It shows the ...
楊文翔's user avatar
1 vote
0 answers
23 views

Bootstrap dropdown doesn't work in Blazor Web Assembly

This is my code @page "/items/creer" @page "/items/modifier/{Id:int}" @inject IItemService _itemService @inject IDepartementService _departementService @inject NavigationManager ...
mathdx's user avatar
  • 55
0 votes
1 answer
20 views

Why on smaller screens, does my nested-menu not work?

On smaller screens, I want the dropdown menu and nested menu to only appear when they're clicked. I.e you click apple, and red apple and green apple appear, if you click red apple, tasty appears. Etc. ...
Brudderway's user avatar
0 votes
1 answer
40 views

document.getElementById not working in brave settings [closed]

I am trying to select the dropdown of colours in brave settings. However, the console is not able to select the element. It gives null when I run the command to select element by id. This doesn't ...
Dhruv's user avatar
  • 119
0 votes
1 answer
13 views

React Native ModalDropdown hides options with lower indexes after selection

I am using React Native's ModalDropdown component for a dropdown menu in my project. I have noticed an issue where, after selecting an option from the dropdown, all options with lower indexes ...
Camille's user avatar
0 votes
0 answers
17 views

Implementing Auto-Filtering in Ext JS 7.6 Modern Form with Multiple Select Boxes

I'm working on an **Ext JS 7.6 Modern **form that contains three select boxes, each populated with users of different profiles from distinct stores. However, these select boxes can become quite ...
Mercy Bore's user avatar
0 votes
1 answer
45 views

How to create Submenu in dropdown menu in bootstrap 5

``I'm stucked in creating submenu inside dropdown menu. Please anybody help me solve this problem. the submenu is showing below the manin menu. If i give display - none css then only it hides but ...
Abhishek Pathak's user avatar
0 votes
0 answers
15 views

Flask WTForms QuerySelectField does not work with BS4 Bootstrap-selectpicker.js (bootstrap-select v1.13.1)

Everything on the WTForm works correctly and I've searched many WTForms QuerySelectedField questions here as well. My form presents all records as it should correctly except for this "Country&...
Edward's user avatar
  • 179
0 votes
1 answer
17 views

how to keep the selected dropdown list value of form wizard in reactjs?

I have this multi level form wizard. When I clicking the next button and coming back to the previous stage, the selected dropdown list value has been reset. (sub category) Sub Category field data ...
asela daskon's user avatar
0 votes
1 answer
12 views

Linking my filter from my product page to the drop-down on my homepage

So I created a filter product page using objects and array in JavaScript but I want to be able to link each filter to my header drop-down on my homepage and contact me page, please how do I do that? I ...
Akinfoyewa Racheal's user avatar
0 votes
1 answer
35 views

Bootstrap 5 Navbar dropdown doesn't behave like the dropdown in the documentation

I am trying to use Bootstrap 5 to create a dropdown but for some reason, the dropdown I have doesn't behave like the dropdown in the bootstrap documentation. The dropdown I have is supposed to open ...
PFL's user avatar
  • 170
0 votes
1 answer
31 views

Failed assertion:'items == null || items.isEmpty ||value == null || items.where((DropdownMenuItem<T> item) {return item.value == value;}).length == 1'

I getting Failed assertion:'items == null || items.isEmpty || value == null || items.where((DropdownMenuItem item) return item.value == value;}).length == 1' this error I am very new to coding and don'...
no one's user avatar
  • 3
0 votes
0 answers
19 views

Why does DropDownList width vary when data-width="auto" using Bootstrap 4 and selectpicker?

I have an ASP.net webforms project that uses Bootstrap 4. It has a master page that contains an ASCX user control with an ASP DropDownList. It uses the CssClass selectpicker and is set to a data-...
Espo's user avatar
  • 1
0 votes
1 answer
40 views

How to get a value from a dropdown menu to send in an e-mail

In React I've got a contact from made with name, e-mail, and a message box working just fine. On submit those three items send through like they should. However I'm trying to get a selected item from ...
Metalmilitian85's user avatar
-1 votes
0 answers
15 views

React Select Component Overlapping Label and Placeholder

I have a Mui Select component for which I'd like to display both a label and placeholder. The challenge around setting a placeholder for the Select is fairly well documented. However, the solutions ...
eveningswim's user avatar
0 votes
0 answers
21 views

Recursive Submenu Opening and Incorrect Active Class Assignment on Right Arrow Key Press

I'm currently working on a web application that has a menu system with submenus. I'm trying to implement arrow key functionality where the right arrow key should open a submenu, and the active class ...
Krish Patel's user avatar
0 votes
0 answers
17 views

Bootstrap 5: dropdown menu icon doesn't show properly

I'm using Angular 14 with Bootstrap 5. I have the following code, just the basic Bootstrap dropdown menu: <div class="dropdown"> <button class="btn btn-secondary dropdown-...
jgcarrillo's user avatar
-1 votes
0 answers
10 views

Dropdown button on a ScrollView Python kivy

I was trying to make a kivy app in python and I added a dropdown button, The problem is I don't want that dropdown button to take all the screen. So how do I make the choices of that dropdown button ...
Mhd_K1's user avatar
  • 1
0 votes
0 answers
25 views

Why map is not a function when trying bind data to mui-select component

Trying to populate the MUI select component but get the map is not a function. Data structure looks like: export type Airport = { iata: string, en: string } export type Airports = Airport[...
user6408649's user avatar
  • 1,237
1 vote
0 answers
67 views

Excel is unable to save a shared workbook when there is a dropdown menu somewhere in it, crashes on re-opening or when several users are collaborating

I am using Excel 365 to share a file with my team, it is stored on SharePoint. It is an .xlsm file, since it contains several macros. The user has to open the file locally in the Microsoft Excel app ...
Théo's user avatar
  • 11
0 votes
0 answers
26 views

dropdown menu in table cell in react.js

I am implementing a table in react.js which has a dropdown menu in a cell. in the last row the dropdown menu is opening inside the table but the requirement is it should come out of table component ...
mohibullah jameel's user avatar
0 votes
0 answers
12 views

How to make an :hover sub-menu not disapear when not pointing the main menu anymore ? (HTML - CSS)

My drop-down menu disappears when I stop pointing at the main menu with my mouse. I'd like the submenu to appear only when I hover over the menu with my mouse, but I don't want it to disappear when I ...
loic's user avatar
  • 1
0 votes
0 answers
21 views

How to Display Two Levels of Custom Post Type in Alpha Order?

I need to display two levels of a custom post type posts in alpha order -- while maintaining the parent/child hierarchy. Here's my existing code: <select class="form-select filter-select" ...
Mathew Smith's user avatar
0 votes
0 answers
26 views

My recycleView does not work with dropdrown selection (Android Kotlin)

MainActivity.kt : package com.example.smstest import android.annotation.SuppressLint import android.content.BroadcastReceiver import android.content.Context import android.content.Intent import ...
Amir Elahi's user avatar
0 votes
0 answers
25 views

Creating a Drop-Down List in Inspector

So, I'm pretty new at C#. Teaching myself and using tutorials when I can. Currently I am working on an inventory system. I have a scriptable object to store all my pieces of armor by sets. I'm using ...
Kristine's user avatar
0 votes
0 answers
12 views

How to add custom item inside DropDownMenuItem in this new version

in this app I have the following custom composable item @Composable fun PriorityItem(priority: Priority) { Row(verticalAlignment = Alignment.CenterVertically) { Canvas(modifier = Modifier....
Dr Mido's user avatar
  • 2,438
0 votes
0 answers
32 views

How to solve dropdown menu not showing -select-?

<fieldset class=\\"form-group col-md-6\\"\> <label class=\\"required\\" for=\\"organization_name\\"\>Organization\</label\> ...
Alexander's user avatar
0 votes
0 answers
13 views

Get value from option field in contact form 7

How can I add value in option field in contact form 7? It should be show on view source code too. I want value like If user select Apple, I want value as 122. If user select Mango, I want value as ...
Krishna Dudhat's user avatar
0 votes
0 answers
6 views

How to get the xapth of a dropdown element when removing event listeners and freezing the page don't work

So I have a dropdown with two items. When I open the dropdown and right-click on either of the elements to get it's xpath, the dropdown closes. I know two methods here: 1- Navigate to the sources tab, ...
kalike5373's user avatar
0 votes
1 answer
34 views

Joomla 4 with horizontal menu on 2 rows

I'm using Joomla 4 with a Cassiopeia theme (actually child theme of Cassiopeia) I would like to have the menu on 2 horizontal rows. When I add an item to the menu it oversizes the nav container on the ...
Plamen's user avatar
  • 320
0 votes
1 answer
24 views

Flutter How do I unselect a previously selected item in a dropdown menu

I have code that displays a list of items to select. It correctly lets me type in and search for an item. But once I select the item, is there a way I can either clear it out as though it were never ...
shawnlg's user avatar
  • 371
0 votes
2 answers
40 views

Auto-update already filled Dropdown list values when source changes

I have created a named range in Sheet1 from A1 to A5 with 5 entries. Using this range, I have created a drop down list in Sheet2 from B1 to B10. Let's say all these values are already filled. Is it ...
Pradyumna Karanth's user avatar
0 votes
0 answers
24 views

React-data-table-component + dropdown cut when open

I am trying to add react-select dropdown with React-data-table-component. But it is cutting the attached screen short. Do you have any suggestions for this? Kamal
Hindu's user avatar
  • 2,904
0 votes
1 answer
26 views

Nav bar and menu drop down from inside

I want to have my drop-down menu élément showing from inside and the pointer being on the bottom of the nav-bar like in the picture how should i do it on wordpress website with elementor or custom css....
Christian Ngassam's user avatar
1 vote
1 answer
50 views

Close dropdown button when clicking outside but with good performance

I've been trying to make a dropdown button that it disactivates when clicking outside of it but I have not find good solution that has good performance, I am making the website with the Astro ...
nicoiscoding's user avatar

1
2 3 4 5
438