I am making a dash app where there’s a dropdown. Depending on the value selected in the dropdown, I do some calculations in the backend and display a figure. import dash from dash.dependencies import Output, Event, Input import dash_core_components as dcc import dash_html_components as html app.la…

[image] from dash.dependencies import Input, Output import dash import dash_core_components as dcc import dash_html_components as html import time app = dash.Dash() app.layout = html.Div(children=[ html.Div([dcc.Dropdown(id='category', placeholder='Select category', multi=False, …

[image] kristada619: So, what I want is, every time a value is clicked on the dropdown menu, it should show something like “Calculating…” or “Loading…” for those 5-10 seconds until the figure is displayed. This isn’t really possible right now. You can global level loading state with 📣 Dash Lo…

I think I found a really simple solution. First add a div in app.layout, for example html.Div(id='load') Then add a function like this: @app.callback(Output('load', 'children'), [Input('dataset-dropdown', 'value')]) def prepare_data(input_data): return html.Div([dcc.Markdown…

Oh interesting, so input :arrow_right: loading div (which also contains the computed data as a hidden store?) :arrow_right: output control? Could you share a full, complete example? To simulate an expensive computation, you could just do a time.sleep

Very clever! Thank you very much for sharing. One interesting thing about this is that you need the html.Div(id='output') inside the app.layout. This is sort of a limitation with Dash where all of the inputs and outputs need to be present on the page at once, so you couldn’t just have id='output' r…

Thanks a lot @caiyij for that solution. It was exactly what I was looking for.

I’m trying to get this to work with storing data in a hidden Div, but seems that the “Loaded!” text immediately gets overwritten with “Loading…” again. Anybody have an idea why? from dash.dependencies import Input, Output, State import dash import dash_core_components as dcc import dash_html_compon…

In my code I was using return html.Div([dcc.Markdown( '''Loading ...''')], id='output') Not return html.Div([dcc.Markdown('''Loading ...''')]) which is in your code.

But this behaviour can be bypassed with app.config[‘suppress_callback_exceptions’]=True, can’t it?

Nice! thank you for sharing. This is clever indeed

I’m finding odd behavior in your example code (which is awesome) - it seems a the second prepare_data routine is called twice for each select from the drop down list. It doesn’t made sense from the event model but I see the behavior with drop downs and buttons. I added a sleep in the second prepar…

In a plotly dash app, how to show a default text value in a div upon each click (on a dropdown, or button, etc) until the div is populated?

Dash Python

Topic		Replies	Views
Dash table that clears on callback Dash Python	2	2176	October 17, 2018
Dash plotly update label in between calculation Dash Python	3	2946	July 17, 2020
Can't get dcc.Loading to act the way I want it to, only works for the first callback Dash Python	2	663	November 16, 2020
:mega: Dash Loading States Dash Python announcements	44	51495	January 7, 2020
Loading status without dcc.loading Dash Python	1	894	November 21, 2019

In a plotly dash app, how to show a default text value in a div upon each click (on a dropdown, or button, etc) until the div is populated?

Related topics