HI there! I have a question regarding the rendering with dash pages. I use dmc.Navlinks and dmc.Anchors and it seams that when i switch to another page that the content gets rendered while i am still on the page from which i am coming. I would like to have the behavior that i switch to the other side and instantly see the loading spinners. I hope I could describe it properly and thanks in advance!

I solved the problem with first loading a dummy div or in my case a dash mantine component skeleton and then load the main content with a callback. Multi page layout: rom components.container import main_container from components.overlay import create_overview_skeleton, create_searchbar_skeleton import dash from dash import html import dash_mantine_components as dmc dash.register_page( __name__, path='/transparency_register_checks', title='TR Checks', name='TR Checks' ) def layout(): layout = main_container( html.Div( id='overview-container', children=[ dmc.Center(create_searchbar_skeleton(), my=20), dmc.Center(create_overview_skeleton()), dmc.Center(create_overview_skeleton(), my=20) ] ) ) return layout Callback: def display_tr_checks_overview_callback(app: Dash): @app.callback( Output('overview-container', 'children'), Input('overview-container', 'children'), ) def display_overview(load_div): if isinstance(load_div, list): return create_overview_layout(0) raise PreventUpdate Note: Dont set prevent initital call

Hi there, Welcome to here! [image] How to Get your Questions Answered on the Plotly Forum Dash Python Your Plotly community members answer a great majority of the questions posted on the forum. However, responders’ time is limited. To greatly increase your chances of getting your post answered, your questions need to be easy to read and easy to reply to . This post will illustrate exactly how to do that. TL;DR: jump to section WHILE POSTING. BEFORE POSTING: Often, strange or problematic behaviour has been fixed in the most recent version of dash or of plotly so always ensure you’re using th…

Some additional informations: when i look at the url when I clicked on a anchor or navlink it changes immediately to the right path but the page with loader dont get displayed. Only when the whole layout is loaded it changes

Initial load in dash multipage

Dash Python

stu October 1, 2023, 7:37pm 2

Hi there,
Welcome to here!

Topic		Replies	Views
Displaying Loading Screen when Pages Container is Loading Dash Python tips-and-tricks	4	3646	March 5, 2024
Loading only on page change in multi-page app Dash Python	2	1492	June 13, 2023
Stop loading the layout in the middle of dcc.loading and load a new layout Dash Python	6	2268	January 4, 2021
Improving app first loading presentation Dash Python	11	2821	March 14, 2021
First page loading transition Dash Python	0	1316	March 16, 2021

Initial load in dash multipage

Related topics