Bring Drag & Drop to Dash with Dashboard Engine. 💫 Learn how at our next webinar!

How can i specify dropdowns as over each others (plotly dash)?

I can show you my aim directly like this:

aaa

I make my multiple (about 7) graphs design but i can not specify position of dropdowns and datetime picker. I can put them right or left but i cant make them over and over each others. Are there any way to do this?

Just put them into a div:

    html.Div([
        dcc.Dropdown(id=...),
        dcc.Dropdown(id=...),
        dcc.DatePickerSingle(id=...)
    ], style={'width': '30%'}), 

or use a style for each one like:

dcc.Dropdown(id=..., style={'width': '100%'}),

or use the ‘display’ : ‘inline-block’ style.

Thank you, it worked!