Hello, How do I create a multi-select listbox in Dash similar to this matlab example https://www.mathworks.com/help/matlab/creating_guis/plot-workspace-variables-in-a-guide-gui.html

There isn’t a component that provides that exact behavior, but you can put together something that should get you what you need. I would use the Dropdown Dash core component with multi=True. If you want the callback to only be triggered only after you have selected more than one option (as well as p…

You can also use the dcc.Checklist component if the number of items is small. See https://plot.ly/dash/dash-core-components for a full list of inputs

Thanks all for your prompt reply. Dropdown won’t work well for my application as I will have a list of up to 10000 different curves I’d want to select. To manage the large number of curves I would create a textbox as an input to filter based on curve name. For example (see attached), let’s say I ha…

By default the Dropdown component supports find-as-you-type, so you get part of the search functionality you describe with the textarea for free already. 10000 does seem like a lot to squeeze into a single dropdown though. What about breaking it out into two dropdpwns, one with the test number which…

10000 does seem like a lot to squeeze into a single dropdown I have used the multi-select dropdown for gene names (~25000 rows) and it works totally fine. I think the original poster should try it (maybe some of the redundant text in the names could be eliminated)

[image] chubukov: I have used the multi-select dropdown for gene names (~25000 rows) and it works totally fine. Ah, that’s good to know!

[image] chubukov: 10000 does seem like a lot to squeeze into a single dropdown In make dropdowns with hundreds of thousands of options more performant by chriddyp · Pull Request #47 · plotly/dash-core-components · GitHub I made the dcc.Dropdown component. Here is an example with 50k rows […

Thanks Chris for this example. I think our users would prefer to have the option of seeing all the curves at once. I just stumbled upon the table experiment which seems like a better option. [image] plotly/dash-table-experiments Prototypes of a Dash Table Component. Contribute to plotly/…

[image] plotShower: I think our users would prefer to have the option of seeing all the curves at once. Another option would be to build your own custom React.js component with the UI that you prefer, see Build Your Own Components | Dash for Python Documentation | Plotly for documentation on …

I created something similar here: [image] Custom Dash component: Dual-listbox Dash Python Hello everyone< I have published a new Dash Component that renders dual-listbox. Please check it out at GitHub - vivekvs1/dash-dual-listbox: Dual listbox for Dash. Original componen…

Multi-select list box

Dash Python

vivekvs1 September 20, 2018, 11:55pm 11

I created something similar here:

Let me know if it helps.

Topic		Replies	Views
Dropdown component in Dash Core Component Dash Python community-components , question	0	70	June 13, 2024
Callbacks with a drop down with multi select Dash Python	18	43606	March 28, 2023
Multi Dropdown Alternative for Large Amount of Values Dash Python	2	2842	June 13, 2024
How to make a hide the selected item in dropdown list Dash Python	3	612	August 7, 2020
Rendering DataTable cells as MULTI-dropdown Dash Python	0	315	August 14, 2019

Multi-select list box

Related topics