Disable the search option from the Dropdown

Dash Python
1

Hello ,
I have added the dropdown button and i am using the lux theme. In the dropdown , I am able to add the text on my own …I want to disable this option… Can anyone help me with this .

h1
h11890×645 24.1 KB

2

Hello @Lucifer,

If you are using dcc.Dropdown, you can do this by adding searchable=False.

1 Like
3

Thanks a lot …
Can u also tell me how can i align the dropdown list with the dropdown bar…(As u can see in the image the list appears a little bit to the left and is creating some issues.)

1 Like
4

Oh, that is strange.

Can you show your code? It seems like maybe you have some styling that is affecting it.

5 
dbc.Label('Department: ', style={'margin-left': '13px'}),
                dcc.Dropdown(
                    id='newDepartment',
                    placeholder="Select",
                    style={
                        'width': '90%',
                        'margin-left': '7px',
                        'height': '47px', 'width': '360px',
                        'text-align': 'left',
                    },
                    options=[
                        {'label': 'Tech', 'value': 'Tech'},
                        {'label': 'Operations', 'value': 'Operations'},
                    ],
                    # value='Operations',
                    clearable=False,
                    searchable=False
                ),

Sorry for the late reply …
This is the code for the dropdown and their is no code in css other than this.

6

Remove that, and see if it lines up. :slight_smile:

7

Thanks a lot

1 Like