IHi. I have small one-page dash app with plotly graphs and ag grid. app.layout = html.Div([ # link_div, dash.page_container ]) content of page: dropdown = html.Div( children=[ dcc.Dropdown(id='select', options=[...], multi=False ) ], className='select-div' ) content = h…

Hello @AlesiaSel , By “loading on content”, you mean you want to use dcc.Loading and only trigger it when first loading the app or the input dropdown?

I want to use loading only to load content when selecting a value from dropdown dcc.Loading( type="default", children=content, className='report-loading' ), but so that when the relayout data changes when the graph zooms, the content does not reload again, but only …

Hi @AlesiaSel You will be able to do this in the next Dash release (2.17.0) :slight_smile: New features for dcc.Loading plotly:dev ← AnnMarieW:update-dcc-loading opened 05:00PM - 15 Feb 24 UTC (UT…

grid is missing at the initial stage, and if you change only raw data in this implementation, an error occurs when there is no id in layout. dropdown contains the name of the file that is used to build both the grid and the graph

Why don’t you load the grid component in the app.layout like you do with the dcc.Graph? Then the id would exist. Are you trying to avoid showing the loading spinner for the short time it takes to update the grid with the data selected from the figure? If so, you will be able to use the delay_show …

[image] AnnMarieW: Why don’t you load the grid component in the app.layout like you do with the dcc.Graph? Then the id would exist. Are you trying to avoid showing the loading spinner for the short time it takes to update the grid with the data selected from the figure? If so, you will be able …

[image] AlesiaSel: I load the grid graphs when selecting a value from dropdown, as indicated by the first callback You are loading the figure. The dcc.Graph with the id is in the layout dbc.Row(children=dbc.Col(dcc.Graph(id='scatter'), width=12)), # Plotly Scatter However,…

I’ll try it now. I didn’t think about it

[image] AnnMarieW: html.Div(children=dag.AgGrid(id="grid"), It’s not working. this change leads to incorrect formatting of the grid, since initially relayoutData is None, None. and when you add loading, loading does not appear, but another problem arises: The zoom of the graph updates the pa…

You can check for None and return dash.no_update In the next release of dash (v 2.17) you will be able to set the delay_show prop to prevent the spinner from showing for a short time.

Loading on content

Dash Python

AlesiaSel March 27, 2024, 7:23am 12

I need the value None in the relay out Data to return the original grid appearance if I remove the graph zoom

Topic		Replies	Views
:mega: Loading states and Loading component Dash Python announcements	46	32273	January 15, 2024
Can't get dcc.Loading to act the way I want it to, only works for the first callback Dash Python	2	652	November 16, 2020
:mega: Dash Loading States Dash Python announcements	44	51396	January 7, 2020
How to disable page load spinner for dcc Interval Dash Python	4	857	November 11, 2024
dcc.Loading just for when loading the page, not the graph Dash Python	1	591	June 23, 2021

Loading on content

Related topics